@nyaruka/temba-components 0.86.1 → 0.87.0

package/.eslintrc.js

@@ -7,7 +7,7 @@ module.exports = {
     'plugin:@typescript-eslint/eslint-recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:import/errors',
-    'plugin:import/warnings',
+    'plugin:import/warnings'
   ],
   rules: {
     // disable the rule for all files
@@ -17,6 +17,6 @@ module.exports = {
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/no-non-null-assertion': 'off',
     'import/named': 'off',
-    'import/no-unresolved': 'off',
-  },
+    'import/no-unresolved': 'off'
+  }
 };

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+    "semi": true,
+    "trailingComma": "none",
+    "singleQuote": true,
+    "printWidth": 80
+}

package/.storybook/main.js

@@ -3,12 +3,12 @@ module.exports = {
   addons: [
     'storybook-prebuilt/addon-knobs/register.js',
     'storybook-prebuilt/addon-docs/register.js',
-    'storybook-prebuilt/addon-viewport/register.js',
+    'storybook-prebuilt/addon-viewport/register.js'
   ],
   esDevServer: {
     // custom es-dev-server options
     nodeResolve: true,
     watch: true,
-    open: true,
-  },
+    open: true
+  }
 };

package/.storybook/preview.js

@@ -2,8 +2,8 @@ import { addParameters, setCustomElements } from '@open-wc/demoing-storybook';
 
 addParameters({
   docs: {
-    iframeHeight: '200px',
-  },
+    iframeHeight: '200px'
+  }
 });
 
 async function run() {

package/CHANGELOG.md

@@ -4,12 +4,17 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [v0.86.1](https://github.com/nyaruka/temba-components/compare/v0.86.0...v0.86.1)
+#### [v0.87.0](https://github.com/nyaruka/temba-components/compare/v0.86.0...v0.87.0)
 
+- Add general avatar and fix message grouping [`#427`](https://github.com/nyaruka/temba-components/pull/427)
+- Linting updates [`#426`](https://github.com/nyaruka/temba-components/pull/426)
+- Webchat history [`#425`](https://github.com/nyaruka/temba-components/pull/425)
 - Bump ejs from 3.1.9 to 3.1.10 [`#420`](https://github.com/nyaruka/temba-components/pull/420)
 - Include number of records on notifications for some export types [`#424`](https://github.com/nyaruka/temba-components/pull/424)
 - Support flow export notification [`#423`](https://github.com/nyaruka/temba-components/pull/423)
-- Support definition export notification [`cd69bec`](https://github.com/nyaruka/temba-components/commit/cd69bec0f4a5e836f1635348df835d13f641f093)
+- Fix linting issues [`b2bd993`](https://github.com/nyaruka/temba-components/commit/b2bd99309e79c9b1b6a5121a4df75a4c1ae78e57)
+- Add history paging to webchat [`86ebcfa`](https://github.com/nyaruka/temba-components/commit/86ebcfacd1de17b919dc0f64dad4c83884103e68)
+- Show scroll markers after fetching [`40bf4c4`](https://github.com/nyaruka/temba-components/commit/40bf4c44075bc2c531b4fa3aeda5e725ba15634e)
 
 #### [v0.86.0](https://github.com/nyaruka/temba-components/compare/v0.85.0...v0.86.0)
 
@@ -60,7 +65,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Add beat for temba-option collection [`3406463`](https://github.com/nyaruka/temba-components/commit/3406463dd07490615ec979c21c8701f7694a4f80)
 
-#### [v0.80.0](https://github.com/nyaruka/temba-components/compare/v0.78.2...v0.80.0)
+#### [v0.80.0](https://github.com/nyaruka/temba-components/compare/v0.77.0...v0.80.0)
 
 > 9 April 2024
 
@@ -68,30 +73,12 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Update dependencies [`#411`](https://github.com/nyaruka/temba-components/pull/411)
 - Dependency updates [`#409`](https://github.com/nyaruka/temba-components/pull/409)
 - Add status for chat [`#410`](https://github.com/nyaruka/temba-components/pull/410)
+- Ensure we have icons for all channel types in use [`#407`](https://github.com/nyaruka/temba-components/pull/407)
+- Rework `temba-date` to be inline span instead of div [`#406`](https://github.com/nyaruka/temba-components/pull/406)
 - Yarn update [`9fe452e`](https://github.com/nyaruka/temba-components/commit/9fe452ece62a7f40707e37ac1bd70ea10cd87789)
 - Update open-wc [`f433526`](https://github.com/nyaruka/temba-components/commit/f4335262417c6c45f45b60f3fad0a7f1204845e7)
 - Show connection status on chat widget [`f75ec9b`](https://github.com/nyaruka/temba-components/commit/f75ec9b61d5ab7e2080d887f2afc3a28b86148eb)
 
-#### [v0.78.2](https://github.com/nyaruka/temba-components/compare/v0.78.1...v0.78.2)
-
-> 4 April 2024
-
-- Add icons for template statuses [`4b1cf1c`](https://github.com/nyaruka/temba-components/commit/4b1cf1c9dce5c5b508a000cef9c99dc0684f1a8e)
-
-#### [v0.78.1](https://github.com/nyaruka/temba-components/compare/v0.78.0...v0.78.1)
-
-> 4 April 2024
-
-- Ensure we have icons for all channel types in use [`#407`](https://github.com/nyaruka/temba-components/pull/407)
-
-#### [v0.78.0](https://github.com/nyaruka/temba-components/compare/v0.77.0...v0.78.0)
-
-> 3 April 2024
-
-- Rework `temba-date` to be inline span instead of div [`#406`](https://github.com/nyaruka/temba-components/pull/406)
-- Add test to ensure date renders inline [`abcbc1f`](https://github.com/nyaruka/temba-components/commit/abcbc1f226e59a39b6f53d00d9178adb68df852d)
-- Rework temba-date to be inline [`78af86e`](https://github.com/nyaruka/temba-components/commit/78af86e22b92cd2546b62bfc7bd46250250b84cf)
-
 #### [v0.77.0](https://github.com/nyaruka/temba-components/compare/v0.76.0...v0.77.0)
 
 > 29 March 2024
@@ -354,12 +341,16 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Fix reading created_by for msg events [`#364`](https://github.com/nyaruka/temba-components/pull/364)
 - Add logical icon names for optin and optout [`#365`](https://github.com/nyaruka/temba-components/pull/365)
 
-#### [v0.58.8](https://github.com/nyaruka/temba-components/compare/v0.58.6...v0.58.8)
+#### [v0.58.8](https://github.com/nyaruka/temba-components/compare/v0.58.7...v0.58.8)
 
 > 28 September 2023
 
 - Update publish.yml [`7dc7d69`](https://github.com/nyaruka/temba-components/commit/7dc7d69822942b39c3b35e06846cfd4c65108b2d)
 
+#### [v0.58.7](https://github.com/nyaruka/temba-components/compare/v0.58.6...v0.58.7)
+
+> 28 September 2023
+
 #### [v0.58.6](https://github.com/nyaruka/temba-components/compare/v0.58.5...v0.58.6)
 
 > 28 September 2023

package/CreateIncludesPlugin.js

@@ -56,7 +56,7 @@ CreateIncludesPlugin.prototype.apply = function (compiler) {
           filename.startsWith('temba-components') &&
           filename.endsWith('.js')
         ) {
-          mkdirp(templates).then(err => {
+          mkdirp(templates).then((err) => {
             fs.writeFileSync(
               path.resolve(templates, 'components-head.html'),
               '<link rel="preload" href="{{STATIC_URL}}@nyaruka/temba-components/build/' +
@@ -78,7 +78,7 @@ CreateIncludesPlugin.prototype.apply = function (compiler) {
 
       // our main body template has a couple universal polyfills and our dynamic loader for any remaining
       // ones the current browser might need
-      mkdirp(templates).then(err => {
+      mkdirp(templates).then((err) => {
         fs.writeFileSync(
           path.resolve(templates, 'components-body.html'),
           getScript(bodyScripts[0], true) +

package/demo/index.html

@@ -127,6 +127,7 @@
 </head>
 
 <body>
+  <temba-webchat channel="37d75001-62c5-465d-8a4b-4e7c0b34ffad"></temba-webchat>
   <temba-store completion="/static/api/completion.json" functions="/static/api/functions.json"
     fields="/static/api/fields.json" globals="/static/api/globals.json" groups="/static/api/groups.json"></temba-store>
 

package/dist/locales/es.js

@@ -9,6 +9,6 @@ export const templates = {
     sd149dff460c8dc41: `Skip contacts currently in a flow`,
     sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,
     s3e3fa53e834f4fda: `Skip repeat contacts`,
-    s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`,
+    s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`
 };
 //# sourceMappingURL=es.js.map

package/dist/locales/es.js.map

@@ -1 +1 @@
-{"version":3,"file":"es.js","sourceRoot":"","sources":["../../../src/locales/es.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,gDAAgD;AAEhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iBAAiB,EAAE,4CAA4C;IAC/D,iBAAiB,EAAE,wBAAwB;IAC3C,iBAAiB,EAAE,oEAAoE;IACvF,iBAAiB,EAAE,mCAAmC;IACtD,iBAAiB,EAAE,wDAAwD;IAC3E,iBAAiB,EAAE,sBAAsB;IACzC,iBAAiB,EAAE,2EAA2E;CAC/F,CAAC","sourcesContent":["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize\n\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const templates = {\n  scf1453991c986b25: `Tab para completar, enter para seleccionar`,\n  sf8653793d61d060c: `Skip inactive contacts`,\n  sd4af861b95e8ba4a: `Only include contacts who have sent a message in the last 90 days.`,\n  sd149dff460c8dc41: `Skip contacts currently in a flow`,\n  sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,\n  s3e3fa53e834f4fda: `Skip repeat contacts`,\n  s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`,\n};\n"]}
+{"version":3,"file":"es.js","sourceRoot":"","sources":["../../../src/locales/es.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,gDAAgD;AAEhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iBAAiB,EAAE,4CAA4C;IAC/D,iBAAiB,EAAE,wBAAwB;IAC3C,iBAAiB,EAAE,oEAAoE;IACvF,iBAAiB,EAAE,mCAAmC;IACtD,iBAAiB,EAAE,wDAAwD;IAC3E,iBAAiB,EAAE,sBAAsB;IACzC,iBAAiB,EAAE,2EAA2E;CAC/F,CAAC","sourcesContent":["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize\n\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const templates = {\n  scf1453991c986b25: `Tab para completar, enter para seleccionar`,\n  sf8653793d61d060c: `Skip inactive contacts`,\n  sd4af861b95e8ba4a: `Only include contacts who have sent a message in the last 90 days.`,\n  sd149dff460c8dc41: `Skip contacts currently in a flow`,\n  sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,\n  s3e3fa53e834f4fda: `Skip repeat contacts`,\n  s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`\n};\n"]}

package/dist/locales/fr.js

@@ -9,6 +9,6 @@ export const templates = {
     sd149dff460c8dc41: `Skip contacts currently in a flow`,
     sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,
     s3e3fa53e834f4fda: `Skip repeat contacts`,
-    s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`,
+    s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`
 };
 //# sourceMappingURL=fr.js.map

package/dist/locales/fr.js.map

@@ -1 +1 @@
-{"version":3,"file":"fr.js","sourceRoot":"","sources":["../../../src/locales/fr.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,gDAAgD;AAEhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iBAAiB,EAAE,kCAAkC;IACrD,iBAAiB,EAAE,wBAAwB;IAC3C,iBAAiB,EAAE,oEAAoE;IACvF,iBAAiB,EAAE,mCAAmC;IACtD,iBAAiB,EAAE,wDAAwD;IAC3E,iBAAiB,EAAE,sBAAsB;IACzC,iBAAiB,EAAE,2EAA2E;CAC/F,CAAC","sourcesContent":["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize\n\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const templates = {\n  scf1453991c986b25: `Tab to complete, enter to select`,\n  sf8653793d61d060c: `Skip inactive contacts`,\n  sd4af861b95e8ba4a: `Only include contacts who have sent a message in the last 90 days.`,\n  sd149dff460c8dc41: `Skip contacts currently in a flow`,\n  sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,\n  s3e3fa53e834f4fda: `Skip repeat contacts`,\n  s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`,\n};\n"]}
+{"version":3,"file":"fr.js","sourceRoot":"","sources":["../../../src/locales/fr.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,gDAAgD;AAEhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iBAAiB,EAAE,kCAAkC;IACrD,iBAAiB,EAAE,wBAAwB;IAC3C,iBAAiB,EAAE,oEAAoE;IACvF,iBAAiB,EAAE,mCAAmC;IACtD,iBAAiB,EAAE,wDAAwD;IAC3E,iBAAiB,EAAE,sBAAsB;IACzC,iBAAiB,EAAE,2EAA2E;CAC/F,CAAC","sourcesContent":["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize\n\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const templates = {\n  scf1453991c986b25: `Tab to complete, enter to select`,\n  sf8653793d61d060c: `Skip inactive contacts`,\n  sd4af861b95e8ba4a: `Only include contacts who have sent a message in the last 90 days.`,\n  sd149dff460c8dc41: `Skip contacts currently in a flow`,\n  sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,\n  s3e3fa53e834f4fda: `Skip repeat contacts`,\n  s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`\n};\n"]}

package/dist/locales/pt.js

@@ -9,6 +9,6 @@ export const templates = {
     sd149dff460c8dc41: `Skip contacts currently in a flow`,
     sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,
     s3e3fa53e834f4fda: `Skip repeat contacts`,
-    s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`,
+    s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`
 };
 //# sourceMappingURL=pt.js.map

package/dist/locales/pt.js.map

@@ -1 +1 @@
-{"version":3,"file":"pt.js","sourceRoot":"","sources":["../../../src/locales/pt.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,gDAAgD;AAEhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iBAAiB,EAAE,kCAAkC;IACrD,iBAAiB,EAAE,wBAAwB;IAC3C,iBAAiB,EAAE,oEAAoE;IACvF,iBAAiB,EAAE,mCAAmC;IACtD,iBAAiB,EAAE,wDAAwD;IAC3E,iBAAiB,EAAE,sBAAsB;IACzC,iBAAiB,EAAE,2EAA2E;CAC/F,CAAC","sourcesContent":["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize\n\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const templates = {\n  scf1453991c986b25: `Tab to complete, enter to select`,\n  sf8653793d61d060c: `Skip inactive contacts`,\n  sd4af861b95e8ba4a: `Only include contacts who have sent a message in the last 90 days.`,\n  sd149dff460c8dc41: `Skip contacts currently in a flow`,\n  sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,\n  s3e3fa53e834f4fda: `Skip repeat contacts`,\n  s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`,\n};\n"]}
+{"version":3,"file":"pt.js","sourceRoot":"","sources":["../../../src/locales/pt.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,gDAAgD;AAEhD,4CAA4C;AAC5C,uDAAuD;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iBAAiB,EAAE,kCAAkC;IACrD,iBAAiB,EAAE,wBAAwB;IAC3C,iBAAiB,EAAE,oEAAoE;IACvF,iBAAiB,EAAE,mCAAmC;IACtD,iBAAiB,EAAE,wDAAwD;IAC3E,iBAAiB,EAAE,sBAAsB;IACzC,iBAAiB,EAAE,2EAA2E;CAC/F,CAAC","sourcesContent":["// Do not modify this file by hand!\n// Re-generate this file by running lit-localize\n\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const templates = {\n  scf1453991c986b25: `Tab to complete, enter to select`,\n  sf8653793d61d060c: `Skip inactive contacts`,\n  sd4af861b95e8ba4a: `Only include contacts who have sent a message in the last 90 days.`,\n  sd149dff460c8dc41: `Skip contacts currently in a flow`,\n  sc85010c81b71421e: `Avoid interrupting a contact who is already in a flow.`,\n  s3e3fa53e834f4fda: `Skip repeat contacts`,\n  s95e715d82602bced: `Avoid restarting a contact who has been in this flow in the last 90 days.`\n};\n"]}