@nyaruka/temba-components 0.77.0 → 0.78.1

package/dist/sw.js

@@ -1,2 +1,2 @@
-if(!self.define){let e,t={};const o=(o,n)=>(o=new URL(o+".js",n).href,t[o]||new Promise((t=>{if("document"in self){const e=document.createElement("script");e.src=o,e.onload=t,document.head.appendChild(e)}else e=o,importScripts(o),t()})).then((()=>{let e=t[o];if(!e)throw new Error(`Module ${o} didn’t register its module`);return e})));self.define=(n,s)=>{const i=e||("document"in self?document.currentScript.src:"")||location.href;if(t[i])return;let r={};const l=e=>o(e,i),d={module:{uri:i},exports:r,require:l};t[i]=Promise.all(n.map((e=>d[e]||l(e)))).then((e=>(s(...e),r)))}}define(["./workbox-919adfb7"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"105420e8.js",revision:"db002f361d5c351ec662dc2052b884bf"},{url:"templates/components-body.html",revision:"7cfe3e1345be036343e287dd98f7fbb7"},{url:"templates/components-head.html",revision:"55a46ded2a81db082c9223793a993434"}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("/index.html"))),e.registerRoute("polyfills/*.js",new e.CacheFirst,"GET")}));
+if(!self.define){let e,t={};const o=(o,n)=>(o=new URL(o+".js",n).href,t[o]||new Promise((t=>{if("document"in self){const e=document.createElement("script");e.src=o,e.onload=t,document.head.appendChild(e)}else e=o,importScripts(o),t()})).then((()=>{let e=t[o];if(!e)throw new Error(`Module ${o} didn’t register its module`);return e})));self.define=(n,s)=>{const i=e||("document"in self?document.currentScript.src:"")||location.href;if(t[i])return;let r={};const l=e=>o(e,i),d={module:{uri:i},exports:r,require:l};t[i]=Promise.all(n.map((e=>d[e]||l(e)))).then((e=>(s(...e),r)))}}define(["./workbox-919adfb7"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"574f29ab.js",revision:"d3409fb9cab2e2df65185941582c8f30"},{url:"templates/components-body.html",revision:"35977bd3b9d24e15f0bdc589115a303c"},{url:"templates/components-head.html",revision:"27ae26f706fab3c7bd7d33b36f07a199"}],{}),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("/index.html"))),e.registerRoute("polyfills/*.js",new e.CacheFirst,"GET")}));
 //# sourceMappingURL=sw.js.map

package/dist/sw.js.map

@@ -1 +1 @@
-{"version":3,"file":"sw.js","sources":["../../tmp/e7a28fad5c5a31b17ea265abfd66c661/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/workspaces/temba-components/node_modules/workbox-routing/registerRoute.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/workspaces/temba-components/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/workspaces/temba-components/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/workspaces/temba-components/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/workspaces/temba-components/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/workspaces/temba-components/node_modules/workbox-precaching/createHandlerBoundToURL.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"105420e8.js\",\n    \"revision\": \"db002f361d5c351ec662dc2052b884bf\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"7cfe3e1345be036343e287dd98f7fbb7\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"55a46ded2a81db082c9223793a993434\"\n  }\n], {});\n\nworkbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"/index.html\")));\n\n\nworkbox_routing_registerRoute(\"polyfills/*.js\", new workbox_strategies_CacheFirst(), 'GET');\n\n\n\n\n"],"names":["self","skipWaiting","workbox_core_clientsClaim","workbox_precaching_precacheAndRoute","url","revision","workbox","registerRoute","workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL","workbox_strategies_CacheFirst"],"mappings":"0nBAwBAA,KAAKC,cAELC,EAAAA,eAQAC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,qCAEb,CAAE,GAEwBC,EAAAC,cAAC,IAAIC,EAAAA,gBAAgCC,EAAAA,wBAA2C,iBAGhFH,EAAAC,cAAC,iBAAkB,IAAIG,aAAiC"}
+{"version":3,"file":"sw.js","sources":["../../tmp/6d18c0e0f5c34940131c3d776958bee9/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/workspaces/temba-components/node_modules/workbox-routing/registerRoute.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/workspaces/temba-components/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/workspaces/temba-components/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/workspaces/temba-components/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/workspaces/temba-components/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/workspaces/temba-components/node_modules/workbox-precaching/createHandlerBoundToURL.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"574f29ab.js\",\n    \"revision\": \"d3409fb9cab2e2df65185941582c8f30\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"35977bd3b9d24e15f0bdc589115a303c\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"27ae26f706fab3c7bd7d33b36f07a199\"\n  }\n], {});\n\nworkbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"/index.html\")));\n\n\nworkbox_routing_registerRoute(\"polyfills/*.js\", new workbox_strategies_CacheFirst(), 'GET');\n\n\n\n\n"],"names":["self","skipWaiting","workbox_core_clientsClaim","workbox_precaching_precacheAndRoute","url","revision","workbox","registerRoute","workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL","workbox_strategies_CacheFirst"],"mappings":"0nBAwBAA,KAAKC,cAELC,EAAAA,eAQAC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,oCAEd,CACED,IAAO,iCACPC,SAAY,qCAEb,CAAE,GAEwBC,EAAAC,cAAC,IAAIC,EAAAA,gBAAgCC,EAAAA,wBAA2C,iBAGhFH,EAAAC,cAAC,iBAAkB,IAAIG,aAAiC"}

package/dist/templates/components-body.html

@@ -1 +1 @@
-<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/105420e8.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.77.0"</script>
+<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/574f29ab.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.78.1"</script>

package/dist/templates/components-head.html

@@ -1 +1 @@
-<script src="{{STATIC_URL}}croppie/croppie.js"></script><link rel="modulepreload" href="{{STATIC_URL}}@nyaruka/temba-components/dist/105420e8.js" crossorigin="anonymous">
+<script src="{{STATIC_URL}}croppie/croppie.js"></script><link rel="modulepreload" href="{{STATIC_URL}}@nyaruka/temba-components/dist/574f29ab.js" crossorigin="anonymous">

package/out-tsc/src/date/TembaDate.js

@@ -20,10 +20,7 @@ export class TembaDate extends RapidElement {
     static get styles() {
         return css `
       .date {
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+        display: inline;
       }
     `;
     }
@@ -59,24 +56,22 @@ export class TembaDate extends RapidElement {
             else if (this.display === Display.relative) {
                 const minutes = Math.abs(this.datetime.diffNow().milliseconds / 1000 / 60);
                 if (minutes < 1) {
-                    return html `<div
+                    return html `<span
             class="date"
             title="${this.datetime.toLocaleString(Display.datetime)}"
-          >
-            just now
-          </div>`;
+            >just now</span
+          >`;
                 }
                 formatted = this.store.getShortDuration(this.datetime);
             }
             else if (this.display === Display.duration) {
                 const minutes = Math.abs(this.datetime.diffNow().milliseconds / 1000 / 60);
                 if (minutes < 1) {
-                    return html `<div
+                    return html `<span
             class="date"
             title="${this.datetime.toLocaleString(Display.datetime)}"
-          >
-            just now
-          </div>`;
+            >just now</span
+          >`;
                 }
                 formatted = this.store.getShortDuration(this.datetime);
             }
@@ -86,12 +81,11 @@ export class TembaDate extends RapidElement {
             else {
                 formatted = this.datetime.toLocaleString(Display[this.display]);
             }
-            return html `<div
+            return html `<span
         class="date"
         title="${this.datetime.toLocaleString(Display.datetime)}"
-      >
-        ${formatted}
-      </div>`;
+        >${formatted}</span
+      >`;
         }
     }
 }

package/out-tsc/src/date/TembaDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TembaDate.js","sourceRoot":"","sources":["../../../src/date/TembaDate.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { Store } from '../store/Store';\nimport { DateTime } from 'luxon';\n\nexport const Display = {\n  date: DateTime.DATE_SHORT,\n  datetime: DateTime.DATETIME_SHORT,\n  time: DateTime.TIME_SIMPLE,\n  timedate: 'timedate',\n  duration: 'duration',\n  relative: 'relative',\n  day: 'LLL d',\n};\n\nexport class TembaDate extends RapidElement {\n  static get styles() {\n    return css`\n      .date {\n        display: block;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  value: string;\n\n  @property({ type: String })\n  display = 'date';\n\n  @property({ type: Object, attribute: false })\n  datetime: DateTime;\n\n  store: Store;\n\n  protected firstUpdated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changedProperties);\n    this.store = document.querySelector('temba-store');\n  }\n\n  protected updated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this.datetime = DateTime.fromISO(this.value);\n    }\n  }\n\n  public connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  public render(): TemplateResult {\n    if (this.datetime && this.store) {\n      this.datetime.setLocale(this.store.getLocale());\n\n      let formatted = '';\n      if (this.display === Display.timedate) {\n        const hours = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60 / 60\n        );\n        if (hours < 24) {\n          formatted = this.datetime.toLocaleString(Display.time);\n        } else if (hours < 24 * 365) {\n          formatted = this.datetime.toFormat(Display.day);\n        } else {\n          formatted = this.datetime.toLocaleString(Display.date);\n        }\n      } else if (this.display === Display.relative) {\n        const minutes = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60\n        );\n        if (minutes < 1) {\n          return html`<div\n            class=\"date\"\n            title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n          >\n            just now\n          </div>`;\n        }\n\n        formatted = this.store.getShortDuration(this.datetime);\n      } else if (this.display === Display.duration) {\n        const minutes = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60\n        );\n        if (minutes < 1) {\n          return html`<div\n            class=\"date\"\n            title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n          >\n            just now\n          </div>`;\n        }\n        formatted = this.store.getShortDuration(this.datetime);\n      } else if (this.display === Display.day) {\n        formatted = this.datetime.toLocaleString(Display.day);\n      } else {\n        formatted = this.datetime.toLocaleString(Display[this.display]);\n      }\n      return html`<div\n        class=\"date\"\n        title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n      >\n        ${formatted}\n      </div>`;\n    }\n  }\n}\n"]}
+{"version":3,"file":"TembaDate.js","sourceRoot":"","sources":["../../../src/date/TembaDate.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { Store } from '../store/Store';\nimport { DateTime } from 'luxon';\n\nexport const Display = {\n  date: DateTime.DATE_SHORT,\n  datetime: DateTime.DATETIME_SHORT,\n  time: DateTime.TIME_SIMPLE,\n  timedate: 'timedate',\n  duration: 'duration',\n  relative: 'relative',\n  day: 'LLL d',\n};\n\nexport class TembaDate extends RapidElement {\n  static get styles() {\n    return css`\n      .date {\n        display: inline;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  value: string;\n\n  @property({ type: String })\n  display = 'date';\n\n  @property({ type: Object, attribute: false })\n  datetime: DateTime;\n\n  store: Store;\n\n  protected firstUpdated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changedProperties);\n    this.store = document.querySelector('temba-store');\n  }\n\n  protected updated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this.datetime = DateTime.fromISO(this.value);\n    }\n  }\n\n  public connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  public render(): TemplateResult {\n    if (this.datetime && this.store) {\n      this.datetime.setLocale(this.store.getLocale());\n\n      let formatted = '';\n      if (this.display === Display.timedate) {\n        const hours = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60 / 60\n        );\n        if (hours < 24) {\n          formatted = this.datetime.toLocaleString(Display.time);\n        } else if (hours < 24 * 365) {\n          formatted = this.datetime.toFormat(Display.day);\n        } else {\n          formatted = this.datetime.toLocaleString(Display.date);\n        }\n      } else if (this.display === Display.relative) {\n        const minutes = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60\n        );\n        if (minutes < 1) {\n          return html`<span\n            class=\"date\"\n            title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n            >just now</span\n          >`;\n        }\n\n        formatted = this.store.getShortDuration(this.datetime);\n      } else if (this.display === Display.duration) {\n        const minutes = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60\n        );\n        if (minutes < 1) {\n          return html`<span\n            class=\"date\"\n            title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n            >just now</span\n          >`;\n        }\n        formatted = this.store.getShortDuration(this.datetime);\n      } else if (this.display === Display.day) {\n        formatted = this.datetime.toLocaleString(Display.day);\n      } else {\n        formatted = this.datetime.toLocaleString(Display[this.display]);\n      }\n\n      return html`<span\n        class=\"date\"\n        title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n        >${formatted}</span\n      >`;\n    }\n  }\n}\n"]}

package/out-tsc/src/vectoricon/index.js

@@ -1,5 +1,5 @@
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = '96c407ade55885693432afd343de1cc0';
+export const SVG_FINGERPRINT = '7147b911f2d6f3a6864d3806d937736b';
 // only icons below are included in the sprite sheet
 export var Icon;
 (function (Icon) {
@@ -34,38 +34,6 @@ export var Icon;
     Icon["campaign_archived"] = "archive";
     Icon["campaigns"] = "clock-refresh";
     Icon["channel"] = "zap";
-    Icon["channel_a"] = "channel-android";
-    Icon["channel_ct"] = "channel-clickatell";
-    Icon["channel_d3"] = "channel-whatsapp";
-    Icon["channel_ds"] = "channel-discord";
-    Icon["channel_ex"] = "zap";
-    Icon["channel_fb"] = "channel-facebook";
-    Icon["channel_fba"] = "channel-facebook";
-    Icon["channel_fc"] = "channel-freshchat";
-    Icon["channel_fcm"] = "channel-firebase";
-    Icon["channel_ig"] = "channel-instagram";
-    Icon["channel_jc"] = "channel-jiochat";
-    Icon["channel_jn"] = "channel-junebug";
-    Icon["channel_kn"] = "channel-kannel";
-    Icon["channel_kwa"] = "channel-whatsapp";
-    Icon["channel_ln"] = "channel-line";
-    Icon["channel_mg"] = "channel-mtarget";
-    Icon["channel_pl"] = "channel-plivo";
-    Icon["channel_rc"] = "channel-rocketchat";
-    Icon["channel_sl"] = "channel-slack";
-    Icon["channel_sw"] = "channel-signalwire";
-    Icon["channel_tq"] = "channel-thinq";
-    Icon["channel_tg"] = "channel-telegram";
-    Icon["channel_t"] = "channel-twilio";
-    Icon["channel_twt"] = "channel-twitter";
-    Icon["channel_twa"] = "channel-whatsapp";
-    Icon["channel_vp"] = "channel-viber";
-    Icon["channel_vk"] = "channel-vk";
-    Icon["channel_nx"] = "channel-vonage";
-    Icon["channel_wc"] = "channel-wechat";
-    Icon["channel_wa"] = "channel-whatsapp";
-    Icon["channel_wac"] = "channel-whatsapp";
-    Icon["channel_zvw"] = "channel-whatsapp";
     Icon["children"] = "git-branch-01";
     Icon["check"] = "check";
     Icon["checkbox"] = "square";
@@ -217,8 +185,54 @@ export var Icon;
     Icon["workspace"] = "folder";
     Icon["zapier"] = "zapier";
     Icon["zendesk"] = "zendesk";
-    Icon["ext"] = "lightning-01";
-    Icon["fcm"] = "lightning-01";
+    // channel types
+    Icon["channel_a"] = "channel-android";
+    Icon["channel_ac"] = "zap";
+    Icon["channel_at"] = "zap";
+    Icon["channel_bs"] = "zap";
+    Icon["channel_bw"] = "zap";
+    Icon["channel_cs"] = "zap";
+    Icon["channel_ct"] = "channel-clickatell";
+    Icon["channel_d3"] = "channel-whatsapp";
+    Icon["channel_d3c"] = "channel-whatsapp";
+    Icon["channel_da"] = "zap";
+    Icon["channel_ds"] = "channel-discord";
+    Icon["channel_ex"] = "zap";
+    Icon["channel_fb"] = "channel-facebook";
+    Icon["channel_fba"] = "channel-facebook";
+    Icon["channel_fc"] = "channel-freshchat";
+    Icon["channel_fcm"] = "channel-firebase";
+    Icon["channel_hm"] = "zap";
+    Icon["channel_ib"] = "zap";
+    Icon["channel_ig"] = "channel-instagram";
+    Icon["channel_jc"] = "channel-jiochat";
+    Icon["channel_kn"] = "channel-kannel";
+    Icon["channel_kwa"] = "channel-whatsapp";
+    Icon["channel_ln"] = "channel-line";
+    Icon["channel_mt"] = "channel-mtarget";
+    Icon["channel_mtn"] = "zap";
+    Icon["channel_nx"] = "channel-vonage";
+    Icon["channel_pl"] = "channel-plivo";
+    Icon["channel_rc"] = "channel-rocketchat";
+    Icon["channel_sl"] = "channel-slack";
+    Icon["channel_sq"] = "zap";
+    Icon["channel_st"] = "zap";
+    Icon["channel_sw"] = "channel-signalwire";
+    Icon["channel_t"] = "channel-twilio";
+    Icon["channel_tg"] = "channel-telegram";
+    Icon["channel_tms"] = "channel-twilio";
+    Icon["channel_tq"] = "channel-thinq";
+    Icon["channel_tw"] = "zap";
+    Icon["channel_twa"] = "channel-whatsapp";
+    Icon["channel_twc"] = "zap";
+    Icon["channel_twt"] = "channel-twitter";
+    Icon["channel_vk"] = "channel-vk";
+    Icon["channel_vp"] = "channel-viber";
+    Icon["channel_wa"] = "channel-whatsapp";
+    Icon["channel_wac"] = "channel-whatsapp";
+    Icon["channel_wc"] = "channel-wechat";
+    Icon["channel_yo"] = "zap";
+    Icon["channel_zvw"] = "channel-whatsapp";
     Icon["bothub"] = "bothub";
     Icon["chatbase"] = "chatbase";
     Icon["dtone"] = "dtone";

package/out-tsc/src/vectoricon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/vectoricon/index.ts"],"names":[],"mappings":"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","sourcesContent":["// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = '96c407ade55885693432afd343de1cc0';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  alert_warning = 'alert-square',\n  account = 'user-01',\n  active = 'play',\n  add = 'plus',\n  add_note = 'file-02',\n  airtime = 'bank-note-01',\n  analytics = 'bar-chart-01',\n  archive = 'archive',\n  arrow_up = 'chevron-up',\n  arrow_down = 'chevron-down',\n  arrow_left = 'chevron-left',\n  arrow_right = 'chevron-right',\n  attachment = 'paperclip',\n  attachment_audio = 'volume-min',\n  attachment_document = 'file-06',\n  attachment_image = 'image-01',\n  attachment_location = 'marker-pin-01',\n  attachment_video = 'video-recorder',\n  branding = 'brush-02',\n  branding_hostname = 'server-05',\n  branding_notifications = 'mail-01',\n  branding_styling = 'palette',\n  branding_raw = 'pencil-01',\n  broadcast = 'announcement-01',\n  call = 'phone-call-01',\n  call_missed = 'phone-call-02',\n  campaign = 'clock-refresh',\n  campaign_active = 'play',\n  campaign_archived = 'archive',\n  campaigns = 'clock-refresh',\n  channel = 'zap',\n  channel_a = 'channel-android',\n  channel_ct = 'channel-clickatell',\n  channel_d3 = 'channel-whatsapp',\n  channel_ds = 'channel-discord',\n  channel_ex = 'zap',\n  channel_fb = 'channel-facebook',\n  channel_fba = 'channel-facebook',\n  channel_fc = 'channel-freshchat',\n  channel_fcm = 'channel-firebase',\n  channel_ig = 'channel-instagram',\n  channel_jc = 'channel-jiochat',\n  channel_jn = 'channel-junebug',\n  channel_kn = 'channel-kannel',\n  channel_kwa = 'channel-whatsapp',\n  channel_ln = 'channel-line',\n  channel_mg = 'channel-mtarget',\n  channel_pl = 'channel-plivo',\n  channel_rc = 'channel-rocketchat',\n  channel_sl = 'channel-slack',\n  channel_sw = 'channel-signalwire',\n  channel_tq = 'channel-thinq',\n  channel_tg = 'channel-telegram',\n  channel_t = 'channel-twilio',\n  channel_twt = 'channel-twitter',\n  channel_twa = 'channel-whatsapp',\n  channel_vp = 'channel-viber',\n  channel_vk = 'channel-vk',\n  channel_nx = 'channel-vonage',\n  channel_wc = 'channel-wechat',\n  channel_wa = 'channel-whatsapp',\n  channel_wac = 'channel-whatsapp',\n  channel_zvw = 'channel-whatsapp',\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  checkbox_partial = 'stop-square',\n  classifier_wit = 'classifier-wit',\n  classifier_luis = 'classifier-luis',\n  classifier_bothub = 'classifier-bothub',\n  close = 'x',\n  compose = 'send-01',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_export = 'download-cloud-01',\n  contact_import = 'upload-cloud-01',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  edit = 'edit-03',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  expressions = 'at-sign',\n  fields = 'user-edit',\n  filter = 'filter-funnel-01',\n  flow = 'flow',\n  flow_background = 'layers-two-01',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone',\n  flow_message = 'message-square-02',\n  flow_surveyor = 'tablet-01',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  global = 'at-sign',\n  grid = 'dots-grid',\n  group = 'users-01',\n  group_exclude = 'users-x',\n  group_include = 'users-check',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  hide = 'eye-off',\n  home = 'settings-02',\n  image = 'image-01',\n  inbox = 'inbox-01',\n  incidents = 'alert-square',\n  incoming_call = 'phone-incoming-01',\n  integrations = 'layers-three-01',\n  info = 'user-square',\n  issue = 'alert-square',\n  label = 'tag-01',\n  language = 'translate-01',\n  link = 'link-external-01',\n  location = 'marker-pin-01',\n  log = 'file-02',\n  logout = 'log-out-04',\n  menu = 'menu-01',\n  menu_collapse = 'chevron-left-double',\n  message = 'message-square-02',\n  message_export = 'download-cloud-01',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  next_schedule = 'alarm-clock',\n  notification = 'bell-01',\n  number = 'hash-01',\n  optin_requested = 'message-notification-circle',\n  optin = 'message-check-circle',\n  optout = 'message-x-circle',\n  org_active = 'credit-card-02',\n  org_anonymous = 'glasses-01',\n  org_bulk = 'credit-card-plus',\n  org_flagged = 'flag-01',\n  org_new = 'stars-02',\n  org_suspended = 'slash-circle-01',\n  org_verified = 'check-verified-02',\n  overview = 'pie-chart-01',\n  prometheus = 'prometheus',\n  progress_spinner = 'refresh-cw-04',\n  featured = 'star-01',\n  quick_replies = 'dotpoints-01',\n  recording = 'microphone-01',\n  resend = 'refresh-cw-05',\n  reset = 'flip-backward',\n  resthooks = 'share-07',\n  restore = 'play',\n  results_export = 'download-cloud-01',\n  retry = 'refresh-cw-05',\n  revisions = 'clock-rewind',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  schedule = 'calendar',\n\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  send = 'send-03',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  show = 'eye',\n  simulator = 'phone-02',\n  sort = 'chevron-selector-vertical',\n  sort_down = 'sort-arrow-down',\n  sort_up = 'sort-arrow-up',\n  staff = 'hard-drive',\n  submit = 'check',\n  success = 'check',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_open = 'inbox-01',\n  tickets_export = 'download-cloud-01',\n  tickets_unassigned = 'inbox-01',\n  topic = 'message-text-circle-02',\n  two_factor_enabled = 'shield-02',\n  two_factor_disabled = 'shield-01',\n  trigger = 'signal-01',\n  trigger_active = 'play',\n  trigger_archived = 'archive',\n  trigger_new = 'plus',\n  trigger_keyword = 'message-check-square',\n  trigger_catch_all = 'message-question-square',\n  trigger_inbound_call = 'phone-incoming-01',\n  trigger_missed_call = 'phone-hang-up',\n  trigger_schedule = 'calendar',\n  trigger_new_conversation = 'message-chat-square',\n  trigger_referral = 'user-right-01',\n  trigger_closed_ticket = 'agent',\n  trigger_opt_in = 'message-check-circle',\n  trigger_opt_out = 'message-x-circle',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  upload_image = 'camera-01',\n  usages = 'link-04',\n  user = 'users-01',\n  users = 'users-01',\n  user_beta = 'shield-zap',\n  webhook = 'link-external-01',\n  wit = 'wit',\n  workspace = 'folder',\n  zapier = 'zapier',\n  zendesk = 'zendesk',\n\n  ext = 'lightning-01',\n  fcm = 'lightning-01',\n\n  bothub = 'bothub',\n  chatbase = 'chatbase',\n  dtone = 'dtone',\n\n  // demo\n  default = 'list',\n  datepicker = 'calendar',\n  slider = 'sliders-02',\n  select = 'browser',\n  input = 'edit-05',\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/vectoricon/index.ts"],"names":[],"mappings":"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","sourcesContent":["// for cache busting we dynamically generate a fingerprint, use yarn svg to update\nexport const SVG_FINGERPRINT = '7147b911f2d6f3a6864d3806d937736b';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  alert_warning = 'alert-square',\n  account = 'user-01',\n  active = 'play',\n  add = 'plus',\n  add_note = 'file-02',\n  airtime = 'bank-note-01',\n  analytics = 'bar-chart-01',\n  archive = 'archive',\n  arrow_up = 'chevron-up',\n  arrow_down = 'chevron-down',\n  arrow_left = 'chevron-left',\n  arrow_right = 'chevron-right',\n  attachment = 'paperclip',\n  attachment_audio = 'volume-min',\n  attachment_document = 'file-06',\n  attachment_image = 'image-01',\n  attachment_location = 'marker-pin-01',\n  attachment_video = 'video-recorder',\n  branding = 'brush-02',\n  branding_hostname = 'server-05',\n  branding_notifications = 'mail-01',\n  branding_styling = 'palette',\n  branding_raw = 'pencil-01',\n  broadcast = 'announcement-01',\n  call = 'phone-call-01',\n  call_missed = 'phone-call-02',\n  campaign = 'clock-refresh',\n  campaign_active = 'play',\n  campaign_archived = 'archive',\n  campaigns = 'clock-refresh',\n  channel = 'zap',\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  checkbox_partial = 'stop-square',\n  classifier_wit = 'classifier-wit',\n  classifier_luis = 'classifier-luis',\n  classifier_bothub = 'classifier-bothub',\n  close = 'x',\n  compose = 'send-01',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_export = 'download-cloud-01',\n  contact_import = 'upload-cloud-01',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  copy = 'copy-04',\n  dashboard = 'pie-chart-01',\n  delete = 'trash-03',\n  delete_small = 'x',\n  down = 'chevron-down',\n  download = 'download-01',\n  edit = 'edit-03',\n  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  expressions = 'at-sign',\n  fields = 'user-edit',\n  filter = 'filter-funnel-01',\n  flow = 'flow',\n  flow_background = 'layers-two-01',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone',\n  flow_message = 'message-square-02',\n  flow_surveyor = 'tablet-01',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  global = 'at-sign',\n  grid = 'dots-grid',\n  group = 'users-01',\n  group_exclude = 'users-x',\n  group_include = 'users-check',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  hide = 'eye-off',\n  home = 'settings-02',\n  image = 'image-01',\n  inbox = 'inbox-01',\n  incidents = 'alert-square',\n  incoming_call = 'phone-incoming-01',\n  integrations = 'layers-three-01',\n  info = 'user-square',\n  issue = 'alert-square',\n  label = 'tag-01',\n  language = 'translate-01',\n  link = 'link-external-01',\n  location = 'marker-pin-01',\n  log = 'file-02',\n  logout = 'log-out-04',\n  menu = 'menu-01',\n  menu_collapse = 'chevron-left-double',\n  message = 'message-square-02',\n  message_export = 'download-cloud-01',\n  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  next_schedule = 'alarm-clock',\n  notification = 'bell-01',\n  number = 'hash-01',\n  optin_requested = 'message-notification-circle',\n  optin = 'message-check-circle',\n  optout = 'message-x-circle',\n  org_active = 'credit-card-02',\n  org_anonymous = 'glasses-01',\n  org_bulk = 'credit-card-plus',\n  org_flagged = 'flag-01',\n  org_new = 'stars-02',\n  org_suspended = 'slash-circle-01',\n  org_verified = 'check-verified-02',\n  overview = 'pie-chart-01',\n  prometheus = 'prometheus',\n  progress_spinner = 'refresh-cw-04',\n  featured = 'star-01',\n  quick_replies = 'dotpoints-01',\n  recording = 'microphone-01',\n  resend = 'refresh-cw-05',\n  reset = 'flip-backward',\n  resthooks = 'share-07',\n  restore = 'play',\n  results_export = 'download-cloud-01',\n  retry = 'refresh-cw-05',\n  revisions = 'clock-rewind',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  schedule = 'calendar',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  send = 'send-03',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  show = 'eye',\n  simulator = 'phone-02',\n  sort = 'chevron-selector-vertical',\n  sort_down = 'sort-arrow-down',\n  sort_up = 'sort-arrow-up',\n  staff = 'hard-drive',\n  submit = 'check',\n  success = 'check',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_open = 'inbox-01',\n  tickets_export = 'download-cloud-01',\n  tickets_unassigned = 'inbox-01',\n  topic = 'message-text-circle-02',\n  two_factor_enabled = 'shield-02',\n  two_factor_disabled = 'shield-01',\n  trigger = 'signal-01',\n  trigger_active = 'play',\n  trigger_archived = 'archive',\n  trigger_new = 'plus',\n  trigger_keyword = 'message-check-square',\n  trigger_catch_all = 'message-question-square',\n  trigger_inbound_call = 'phone-incoming-01',\n  trigger_missed_call = 'phone-hang-up',\n  trigger_schedule = 'calendar',\n  trigger_new_conversation = 'message-chat-square',\n  trigger_referral = 'user-right-01',\n  trigger_closed_ticket = 'agent',\n  trigger_opt_in = 'message-check-circle',\n  trigger_opt_out = 'message-x-circle',\n  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-01',\n  upload_image = 'camera-01',\n  usages = 'link-04',\n  user = 'users-01',\n  users = 'users-01',\n  user_beta = 'shield-zap',\n  webhook = 'link-external-01',\n  wit = 'wit',\n  workspace = 'folder',\n  zapier = 'zapier',\n  zendesk = 'zendesk',\n\n  // channel types\n  channel_a = 'channel-android',\n  channel_ac = 'zap', // TODO https://www.arabiacell.com/\n  channel_at = 'zap', // TODO https://africastalking.com/\n  channel_bs = 'zap', // TODO https://burstsms.com/\n  channel_bw = 'zap', // TODO https://www.bandwidth.com/\n  channel_cs = 'zap', // TODO https://www.clicksend.com/\n  channel_ct = 'channel-clickatell',\n  channel_d3 = 'channel-whatsapp',\n  channel_d3c = 'channel-whatsapp',\n  channel_da = 'zap', // TODO https://dartmedia.co.id/\n  channel_ds = 'channel-discord',\n  channel_ex = 'zap',\n  channel_fb = 'channel-facebook',\n  channel_fba = 'channel-facebook',\n  channel_fc = 'channel-freshchat',\n  channel_fcm = 'channel-firebase',\n  channel_hm = 'zap', // TODO https://hormuud.com/\n  channel_ib = 'zap', // TODO https://www.infobip.com/\n  channel_ig = 'channel-instagram',\n  channel_jc = 'channel-jiochat',\n  channel_kn = 'channel-kannel',\n  channel_kwa = 'channel-whatsapp',\n  channel_ln = 'channel-line',\n  channel_mt = 'channel-mtarget',\n  channel_mtn = 'zap', // TODO https://mtn.com/\n  channel_nx = 'channel-vonage',\n  channel_pl = 'channel-plivo',\n  channel_rc = 'channel-rocketchat',\n  channel_sl = 'channel-slack',\n  channel_sq = 'zap', // TODO https://shaqodoon.org/\n  channel_st = 'zap', // TODO https://bulk.startmobile.ua\n  channel_sw = 'channel-signalwire',\n  channel_t = 'channel-twilio',\n  channel_tg = 'channel-telegram',\n  channel_tms = 'channel-twilio',\n  channel_tq = 'channel-thinq',\n  channel_tw = 'zap', // TODO https://www.somleng.org/\n  channel_twa = 'channel-whatsapp',\n  channel_twc = 'zap', // TODO\n  channel_twt = 'channel-twitter',\n  channel_vk = 'channel-vk',\n  channel_vp = 'channel-viber',\n  channel_wa = 'channel-whatsapp',\n  channel_wac = 'channel-whatsapp',\n  channel_wc = 'channel-wechat',\n  channel_yo = 'zap', // TODO https://www.yo.co.ug/\n  channel_zvw = 'channel-whatsapp',\n\n  bothub = 'bothub',\n  chatbase = 'chatbase',\n  dtone = 'dtone',\n\n  // demo\n  default = 'list',\n  datepicker = 'calendar',\n  slider = 'sliders-02',\n  select = 'browser',\n  input = 'edit-05',\n}\n"]}

package/out-tsc/test/temba-date.test.js

@@ -1,5 +1,5 @@
+import { html, fixture, expect } from '@open-wc/testing';
 import { assertScreenshot, getClip, getComponent, loadStore, mockNow, } from './utils.test';
-import { expect } from '@open-wc/testing';
 const TAG = 'temba-date';
 export const getDate = async (attrs = {}) => {
     attrs['width'] = 100;
@@ -34,5 +34,15 @@ describe('temba-date', () => {
         await assertScreenshot('date/datetime', getClip(date));
         expect(dateString).to.equal('11/18/1978, 9:22 AM');
     });
+    it('renders inline', async () => {
+        const el = await fixture(html `
+      <span
+        >Your birthday is
+        <temba-date value="1978-11-18T02:22:00.000000-07:00"></temba-date
+        >!</span
+      >
+    `);
+        await assertScreenshot('date/date-inline', getClip(el));
+    });
 });
 //# sourceMappingURL=temba-date.test.js.map

package/out-tsc/test/temba-date.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-date.test.js","sourceRoot":"","sources":["../../test/temba-date.test.ts"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,GACR,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,GAAG,GAAG,YAAY,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC/C,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;IACrB,OAAO,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAc,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAE5C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,UAAU,CAAC,GAAG,EAAE;QACd,SAAS,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,kCAAkC,EAAE,CAAC,CAAC;QAC1E,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;YACzB,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,UAAU;SACpB,CAAC,CAAC;QACH,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;YACzB,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,UAAU;SACpB,CAAC,CAAC;QACH,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { TembaDate } from '../src/date/TembaDate';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockNow,\n} from './utils.test';\nimport { expect } from '@open-wc/testing';\n\nconst TAG = 'temba-date';\n\nexport const getDate = async (attrs: any = {}) => {\n  attrs['width'] = 100;\n  return (await getComponent(TAG, attrs)) as TembaDate;\n};\n\nmockNow('2022-12-02T21:00:00.000000-07:00');\n\ndescribe('temba-date', () => {\n  beforeEach(() => {\n    loadStore();\n  });\n\n  it('renders default', async () => {\n    const date = await getDate({ value: '1978-11-18T02:22:00.000000-07:00' });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLDivElement\n    ).innerText;\n\n    await assertScreenshot('date/date', getClip(date));\n    expect(dateString).to.equal('11/18/1978');\n  });\n\n  it('renders duration', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000-07:00',\n      display: 'duration',\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLDivElement\n    ).innerText;\n\n    await assertScreenshot('date/duration', getClip(date));\n    expect(dateString).to.equal('44 years ago');\n  });\n\n  it('renders datetime', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000-07:00',\n      display: 'datetime',\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLDivElement\n    ).innerText;\n\n    await assertScreenshot('date/datetime', getClip(date));\n    expect(dateString).to.equal('11/18/1978, 9:22 AM');\n  });\n});\n"]}
+{"version":3,"file":"temba-date.test.js","sourceRoot":"","sources":["../../test/temba-date.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,YAAY,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC/C,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;IACrB,OAAO,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAc,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAE5C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,UAAU,CAAC,GAAG,EAAE;QACd,SAAS,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,kCAAkC,EAAE,CAAC,CAAC;QAC1E,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;YACzB,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,UAAU;SACpB,CAAC,CAAC;QACH,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;YACzB,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,UAAU;SACpB,CAAC,CAAC;QACH,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,EAAE,GAAgB,MAAM,OAAO,CAAC,IAAI,CAAA;;;;;;KAMzC,CAAC,CAAC;QAEH,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { TembaDate } from '../src/date/TembaDate';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockNow,\n} from './utils.test';\n\nconst TAG = 'temba-date';\n\nexport const getDate = async (attrs: any = {}) => {\n  attrs['width'] = 100;\n  return (await getComponent(TAG, attrs)) as TembaDate;\n};\n\nmockNow('2022-12-02T21:00:00.000000-07:00');\n\ndescribe('temba-date', () => {\n  beforeEach(() => {\n    loadStore();\n  });\n\n  it('renders default', async () => {\n    const date = await getDate({ value: '1978-11-18T02:22:00.000000-07:00' });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/date', getClip(date));\n    expect(dateString).to.equal('11/18/1978');\n  });\n\n  it('renders duration', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000-07:00',\n      display: 'duration',\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/duration', getClip(date));\n    expect(dateString).to.equal('44 years ago');\n  });\n\n  it('renders datetime', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000-07:00',\n      display: 'datetime',\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/datetime', getClip(date));\n    expect(dateString).to.equal('11/18/1978, 9:22 AM');\n  });\n\n  it('renders inline', async () => {\n    const el: HTMLElement = await fixture(html`\n      <span\n        >Your birthday is\n        <temba-date value=\"1978-11-18T02:22:00.000000-07:00\"></temba-date\n        >!</span\n      >\n    `);\n\n    await assertScreenshot('date/date-inline', getClip(el));\n  });\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyaruka/temba-components",
-  "version": "0.77.0",
+  "version": "0.78.1",
   "description": "Web components to support rapidpro and related projects",
   "author": "Nyaruka <code@nyaruka.coim>",
   "main": "dist/index.js",

package/src/date/TembaDate.ts

@@ -18,10 +18,7 @@ export class TembaDate extends RapidElement {
   static get styles() {
     return css`
       .date {
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+        display: inline;
       }
     `;
   }
@@ -78,12 +75,11 @@ export class TembaDate extends RapidElement {
           this.datetime.diffNow().milliseconds / 1000 / 60
         );
         if (minutes < 1) {
-          return html`<div
+          return html`<span
             class="date"
             title="${this.datetime.toLocaleString(Display.datetime)}"
-          >
-            just now
-          </div>`;
+            >just now</span
+          >`;
         }
 
         formatted = this.store.getShortDuration(this.datetime);
@@ -92,12 +88,11 @@ export class TembaDate extends RapidElement {
           this.datetime.diffNow().milliseconds / 1000 / 60
         );
         if (minutes < 1) {
-          return html`<div
+          return html`<span
             class="date"
             title="${this.datetime.toLocaleString(Display.datetime)}"
-          >
-            just now
-          </div>`;
+            >just now</span
+          >`;
         }
         formatted = this.store.getShortDuration(this.datetime);
       } else if (this.display === Display.day) {
@@ -105,12 +100,12 @@ export class TembaDate extends RapidElement {
       } else {
         formatted = this.datetime.toLocaleString(Display[this.display]);
       }
-      return html`<div
+
+      return html`<span
         class="date"
         title="${this.datetime.toLocaleString(Display.datetime)}"
-      >
-        ${formatted}
-      </div>`;
+        >${formatted}</span
+      >`;
     }
   }
 }

package/src/vectoricon/index.ts

@@ -1,5 +1,5 @@
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = '96c407ade55885693432afd343de1cc0';
+export const SVG_FINGERPRINT = '7147b911f2d6f3a6864d3806d937736b';
 
 // only icons below are included in the sprite sheet
 export enum Icon {
@@ -34,38 +34,6 @@ export enum Icon {
   campaign_archived = 'archive',
   campaigns = 'clock-refresh',
   channel = 'zap',
-  channel_a = 'channel-android',
-  channel_ct = 'channel-clickatell',
-  channel_d3 = 'channel-whatsapp',
-  channel_ds = 'channel-discord',
-  channel_ex = 'zap',
-  channel_fb = 'channel-facebook',
-  channel_fba = 'channel-facebook',
-  channel_fc = 'channel-freshchat',
-  channel_fcm = 'channel-firebase',
-  channel_ig = 'channel-instagram',
-  channel_jc = 'channel-jiochat',
-  channel_jn = 'channel-junebug',
-  channel_kn = 'channel-kannel',
-  channel_kwa = 'channel-whatsapp',
-  channel_ln = 'channel-line',
-  channel_mg = 'channel-mtarget',
-  channel_pl = 'channel-plivo',
-  channel_rc = 'channel-rocketchat',
-  channel_sl = 'channel-slack',
-  channel_sw = 'channel-signalwire',
-  channel_tq = 'channel-thinq',
-  channel_tg = 'channel-telegram',
-  channel_t = 'channel-twilio',
-  channel_twt = 'channel-twitter',
-  channel_twa = 'channel-whatsapp',
-  channel_vp = 'channel-viber',
-  channel_vk = 'channel-vk',
-  channel_nx = 'channel-vonage',
-  channel_wc = 'channel-wechat',
-  channel_wa = 'channel-whatsapp',
-  channel_wac = 'channel-whatsapp',
-  channel_zvw = 'channel-whatsapp',
   children = 'git-branch-01',
   check = 'check',
   checkbox = 'square',
@@ -164,7 +132,6 @@ export enum Icon {
   rocketchat = 'rocketchat',
   runs = 'rows-03',
   schedule = 'calendar',
-
   search = 'search-refraction',
   select_open = 'chevron-down',
   select_clear = 'x',
@@ -219,8 +186,54 @@ export enum Icon {
   zapier = 'zapier',
   zendesk = 'zendesk',
 
-  ext = 'lightning-01',
-  fcm = 'lightning-01',
+  // channel types
+  channel_a = 'channel-android',
+  channel_ac = 'zap', // TODO https://www.arabiacell.com/
+  channel_at = 'zap', // TODO https://africastalking.com/
+  channel_bs = 'zap', // TODO https://burstsms.com/
+  channel_bw = 'zap', // TODO https://www.bandwidth.com/
+  channel_cs = 'zap', // TODO https://www.clicksend.com/
+  channel_ct = 'channel-clickatell',
+  channel_d3 = 'channel-whatsapp',
+  channel_d3c = 'channel-whatsapp',
+  channel_da = 'zap', // TODO https://dartmedia.co.id/
+  channel_ds = 'channel-discord',
+  channel_ex = 'zap',
+  channel_fb = 'channel-facebook',
+  channel_fba = 'channel-facebook',
+  channel_fc = 'channel-freshchat',
+  channel_fcm = 'channel-firebase',
+  channel_hm = 'zap', // TODO https://hormuud.com/
+  channel_ib = 'zap', // TODO https://www.infobip.com/
+  channel_ig = 'channel-instagram',
+  channel_jc = 'channel-jiochat',
+  channel_kn = 'channel-kannel',
+  channel_kwa = 'channel-whatsapp',
+  channel_ln = 'channel-line',
+  channel_mt = 'channel-mtarget',
+  channel_mtn = 'zap', // TODO https://mtn.com/
+  channel_nx = 'channel-vonage',
+  channel_pl = 'channel-plivo',
+  channel_rc = 'channel-rocketchat',
+  channel_sl = 'channel-slack',
+  channel_sq = 'zap', // TODO https://shaqodoon.org/
+  channel_st = 'zap', // TODO https://bulk.startmobile.ua
+  channel_sw = 'channel-signalwire',
+  channel_t = 'channel-twilio',
+  channel_tg = 'channel-telegram',
+  channel_tms = 'channel-twilio',
+  channel_tq = 'channel-thinq',
+  channel_tw = 'zap', // TODO https://www.somleng.org/
+  channel_twa = 'channel-whatsapp',
+  channel_twc = 'zap', // TODO
+  channel_twt = 'channel-twitter',
+  channel_vk = 'channel-vk',
+  channel_vp = 'channel-viber',
+  channel_wa = 'channel-whatsapp',
+  channel_wac = 'channel-whatsapp',
+  channel_wc = 'channel-wechat',
+  channel_yo = 'zap', // TODO https://www.yo.co.ug/
+  channel_zvw = 'channel-whatsapp',
 
   bothub = 'bothub',
   chatbase = 'chatbase',