@nyaruka/temba-components 0.49.4 → 0.50.0

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:"76d2e435.js",revision:"b99cf17c76fa137e146e0a72adea50d6"},{url:"templates/components-body.html",revision:"eb40a974aa98a2daa571120602612180"},{url:"templates/components-head.html",revision:"699242dd34cb832ad8b4a61c63ea9f10"}],{}),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 d=e=>o(e,i),l={module:{uri:i},exports:r,require:d};t[i]=Promise.all(n.map((e=>l[e]||d(e)))).then((e=>(s(...e),r)))}}define(["./workbox-919adfb7"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"0a24ba2a.js",revision:"e982d35b50933aa8f66cad9fc0775281"},{url:"templates/components-body.html",revision:"f2d5c5cb761ba62d5dc60084b76fd809"},{url:"templates/components-head.html",revision:"bb414bc8ebe809f0a1afdfb9df2c8d3d"}],{}),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/571fea93050bbfe1eee60574d87e4d73/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-routing/registerRoute.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/home/runner/work/temba-components/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\": \"76d2e435.js\",\n    \"revision\": \"b99cf17c76fa137e146e0a72adea50d6\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"eb40a974aa98a2daa571120602612180\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"699242dd34cb832ad8b4a61c63ea9f10\"\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/3def82e3156a3e3926ffae353b981bf8/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-routing/registerRoute.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-core/clientsClaim.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/home/runner/work/temba-components/temba-components/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/home/runner/work/temba-components/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\": \"0a24ba2a.js\",\n    \"revision\": \"e982d35b50933aa8f66cad9fc0775281\"\n  },\n  {\n    \"url\": \"templates/components-body.html\",\n    \"revision\": \"f2d5c5cb761ba62d5dc60084b76fd809\"\n  },\n  {\n    \"url\": \"templates/components-head.html\",\n    \"revision\": \"bb414bc8ebe809f0a1afdfb9df2c8d3d\"\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/76d2e435.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.49.4"</script>
+<script type="module" src="{{STATIC_URL}}@nyaruka/temba-components/dist/0a24ba2a.js"></script><script>window.TEMBA_COMPONENTS_VERSION="0.50.0"</script>

package/dist/templates/components-head.html

@@ -1 +1 @@
-<link rel="modulepreload" href="{{STATIC_URL}}@nyaruka/temba-components/dist/76d2e435.js" crossorigin="anonymous">
+<link rel="modulepreload" href="{{STATIC_URL}}@nyaruka/temba-components/dist/0a24ba2a.js" crossorigin="anonymous">

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

@@ -137,7 +137,13 @@ export class VectorIcon extends LitElement {
     render() {
         // let icon name mappings take precedence
         let name = this.lastName || this.name;
-        name = Icon[name.replace('icon.', '')] || name;
+        // special case our channel icon fallback
+        if (this.name.startsWith('channel_') && !Icon[name]) {
+            name = Icon.channel_ex;
+        }
+        else {
+            name = Icon[name.replace('icon.', '')] || name;
+        }
         // referencing icons by id is explicit
         if (!name) {
             name = this.id;

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

@@ -1 +1 @@
-{"version":3,"file":"VectorIcon.js","sourceRoot":"","sources":["../../../src/vectoricon/VectorIcon.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Icon, SVG_FINGERPRINT } from '.';\n\nimport { getClasses } from '../utils';\n\nexport class VectorIcon extends LitElement {\n  @property({ type: String })\n  name: string;\n\n  @property({ type: String })\n  prefix: string;\n\n  // same as name but without implicit coloring\n  @property({ type: String })\n  id: string;\n\n  @property({ type: Number })\n  size = 1;\n\n  @property({ type: Boolean })\n  clickable: boolean;\n\n  @property({ type: Boolean })\n  circled: boolean;\n\n  @property({ type: String })\n  animateChange: string;\n\n  @property({ type: String })\n  animateClick: string;\n\n  @property({ type: Number })\n  animationDuration = 200;\n\n  @property({ type: String })\n  src = '';\n\n  @property({ type: Number, attribute: false })\n  steps = 2;\n\n  @property({ type: Number, attribute: false })\n  animationStep: number;\n\n  @property({ type: String })\n  easing = 'cubic-bezier(0.68, -0.55, 0.265, 1.55)';\n\n  static get styles() {\n    return css`\n      :host {\n        margin: auto;\n      }\n\n      .sheet {\n        color: var(--icon-color);\n        transform: scale(1);\n        transition: fill 100ms ease-in-out,\n          background 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          padding 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          margin 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);\n      }\n\n      .sheet.spin {\n        transform: rotate(0deg);\n      }\n\n      .sheet.spin-1 {\n        transform: rotate(180deg);\n      }\n\n      .sheet.spin-2 {\n        transform: rotate(360deg);\n      }\n\n      .sheet.spin-3 {\n        transform: rotate(0deg);\n        transition-duration: 0ms !important;\n      }\n\n      .sheet.pulse {\n        transform: scale(1);\n      }\n\n      .sheet.pulse-1 {\n        transform: scale(1.2);\n      }\n\n      .clickable:hover {\n        cursor: pointer;\n        fill: var(--color-link-primary) !important;\n        background: rgb(255, 255, 255);\n      }\n\n      .circled {\n        background: var(--icon-color-circle);\n        padding: 0.15em;\n        margin: -0.15em;\n        box-shadow: var(--shadow);\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        border-radius: 999px;\n        transition: background 200ms linear,\n          transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          padding 150ms linear, margin 150ms linear;\n      }\n\n      .wrapper.clickable {\n        transform: scale(1);\n      }\n\n      .wrapper.clickable:hover {\n        --icon-circle-size: 0.35em;\n        --icon-background: var(--icon-color-circle-hover);\n      }\n\n      .wrapper.clickable {\n        padding: var(--icon-circle-size);\n        margin: calc(-1 * var(--icon-circle-size));\n        background: var(--icon-background);\n      }\n    `;\n  }\n\n  constructor() {\n    super();\n  }\n\n  private lastName: string;\n\n  public firstUpdated(changes: Map<string, any>) {\n    super.firstUpdated(changes);\n    if (changes.has('animateChange')) {\n      // set our default duration if we need one\n      if (!changes.has('animationDuration')) {\n        this.animationDuration = this.steps * this.animationDuration;\n      }\n\n      if (this.animateChange === 'spin') {\n        this.steps = 3;\n        this.animationDuration = 400;\n        this.easing = 'linear';\n      }\n    }\n  }\n\n  public handleClicked() {\n    if (this.animateClick) {\n      this.animationStep = 1;\n    }\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('animationStep')) {\n      // if we are halfway through, change the icon\n      if (this.lastName && this.animationStep >= this.steps / 2) {\n        this.lastName = null;\n        this.requestUpdate();\n      }\n\n      setTimeout(() => {\n        if (this.animationStep > 0 && this.animationStep < this.steps) {\n          this.animationStep++;\n        } else {\n          this.animationStep = 0;\n        }\n      }, this.animationDuration / this.steps);\n    }\n\n    if (changes.has('name') && this.animateChange) {\n      this.lastName = changes.get('name');\n\n      // our name changed, lets animate it\n      if (this.lastName && this.animateChange) {\n        this.animationStep = 1;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    // let icon name mappings take precedence\n    let name = this.lastName || this.name;\n    name = Icon[name.replace('icon.', '')] || name;\n\n    // referencing icons by id is explicit\n    if (!name) {\n      name = this.id;\n    }\n\n    return html`\n      <div\n        @click=${this.handleClicked}\n        class=\"wrapper ${getClasses({\n          clickable: this.clickable,\n          circled: this.circled,\n          animate: !!this.animateChange || !!this.animateClick,\n        })}\"\n      >\n        <svg\n          style=\"height:${this.size}em;width:${this\n            .size}em;transition:transform ${this.animationDuration /\n          this.steps}ms\n          ${this.easing}\"\n          class=\"${getClasses({\n            sheet: this.src === '',\n            [this.animateChange]: !!this.animateChange,\n            [this.animateChange + '-' + this.animationStep]:\n              this.animationStep > 0,\n            [this.animateClick]: !!this.animateClick,\n            [this.animateClick + '-' + this.animationStep]:\n              this.animationStep > 0,\n          })}\"\n        >\n          <use\n            href=\"${this.src\n              ? this.src\n              : `${\n                  this.prefix || (window as any).static_url || '/static/'\n                }svg/index.svg?v=${SVG_FINGERPRINT}#${name}`}\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"VectorIcon.js","sourceRoot":"","sources":["../../../src/vectoricon/VectorIcon.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Icon, SVG_FINGERPRINT } from '.';\n\nimport { getClasses } from '../utils';\n\nexport class VectorIcon extends LitElement {\n  @property({ type: String })\n  name: string;\n\n  @property({ type: String })\n  prefix: string;\n\n  // same as name but without implicit coloring\n  @property({ type: String })\n  id: string;\n\n  @property({ type: Number })\n  size = 1;\n\n  @property({ type: Boolean })\n  clickable: boolean;\n\n  @property({ type: Boolean })\n  circled: boolean;\n\n  @property({ type: String })\n  animateChange: string;\n\n  @property({ type: String })\n  animateClick: string;\n\n  @property({ type: Number })\n  animationDuration = 200;\n\n  @property({ type: String })\n  src = '';\n\n  @property({ type: Number, attribute: false })\n  steps = 2;\n\n  @property({ type: Number, attribute: false })\n  animationStep: number;\n\n  @property({ type: String })\n  easing = 'cubic-bezier(0.68, -0.55, 0.265, 1.55)';\n\n  static get styles() {\n    return css`\n      :host {\n        margin: auto;\n      }\n\n      .sheet {\n        color: var(--icon-color);\n        transform: scale(1);\n        transition: fill 100ms ease-in-out,\n          background 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          padding 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          margin 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);\n      }\n\n      .sheet.spin {\n        transform: rotate(0deg);\n      }\n\n      .sheet.spin-1 {\n        transform: rotate(180deg);\n      }\n\n      .sheet.spin-2 {\n        transform: rotate(360deg);\n      }\n\n      .sheet.spin-3 {\n        transform: rotate(0deg);\n        transition-duration: 0ms !important;\n      }\n\n      .sheet.pulse {\n        transform: scale(1);\n      }\n\n      .sheet.pulse-1 {\n        transform: scale(1.2);\n      }\n\n      .clickable:hover {\n        cursor: pointer;\n        fill: var(--color-link-primary) !important;\n        background: rgb(255, 255, 255);\n      }\n\n      .circled {\n        background: var(--icon-color-circle);\n        padding: 0.15em;\n        margin: -0.15em;\n        box-shadow: var(--shadow);\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        border-radius: 999px;\n        transition: background 200ms linear,\n          transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55),\n          padding 150ms linear, margin 150ms linear;\n      }\n\n      .wrapper.clickable {\n        transform: scale(1);\n      }\n\n      .wrapper.clickable:hover {\n        --icon-circle-size: 0.35em;\n        --icon-background: var(--icon-color-circle-hover);\n      }\n\n      .wrapper.clickable {\n        padding: var(--icon-circle-size);\n        margin: calc(-1 * var(--icon-circle-size));\n        background: var(--icon-background);\n      }\n    `;\n  }\n\n  constructor() {\n    super();\n  }\n\n  private lastName: string;\n\n  public firstUpdated(changes: Map<string, any>) {\n    super.firstUpdated(changes);\n    if (changes.has('animateChange')) {\n      // set our default duration if we need one\n      if (!changes.has('animationDuration')) {\n        this.animationDuration = this.steps * this.animationDuration;\n      }\n\n      if (this.animateChange === 'spin') {\n        this.steps = 3;\n        this.animationDuration = 400;\n        this.easing = 'linear';\n      }\n    }\n  }\n\n  public handleClicked() {\n    if (this.animateClick) {\n      this.animationStep = 1;\n    }\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('animationStep')) {\n      // if we are halfway through, change the icon\n      if (this.lastName && this.animationStep >= this.steps / 2) {\n        this.lastName = null;\n        this.requestUpdate();\n      }\n\n      setTimeout(() => {\n        if (this.animationStep > 0 && this.animationStep < this.steps) {\n          this.animationStep++;\n        } else {\n          this.animationStep = 0;\n        }\n      }, this.animationDuration / this.steps);\n    }\n\n    if (changes.has('name') && this.animateChange) {\n      this.lastName = changes.get('name');\n\n      // our name changed, lets animate it\n      if (this.lastName && this.animateChange) {\n        this.animationStep = 1;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    // let icon name mappings take precedence\n    let name = this.lastName || this.name;\n\n    // special case our channel icon fallback\n    if (this.name.startsWith('channel_') && !Icon[name]) {\n      name = Icon.channel_ex;\n    } else {\n      name = Icon[name.replace('icon.', '')] || name;\n    }\n\n    // referencing icons by id is explicit\n    if (!name) {\n      name = this.id;\n    }\n\n    return html`\n      <div\n        @click=${this.handleClicked}\n        class=\"wrapper ${getClasses({\n          clickable: this.clickable,\n          circled: this.circled,\n          animate: !!this.animateChange || !!this.animateClick,\n        })}\"\n      >\n        <svg\n          style=\"height:${this.size}em;width:${this\n            .size}em;transition:transform ${this.animationDuration /\n          this.steps}ms\n          ${this.easing}\"\n          class=\"${getClasses({\n            sheet: this.src === '',\n            [this.animateChange]: !!this.animateChange,\n            [this.animateChange + '-' + this.animationStep]:\n              this.animationStep > 0,\n            [this.animateClick]: !!this.animateClick,\n            [this.animateClick + '-' + this.animationStep]:\n              this.animationStep > 0,\n          })}\"\n        >\n          <use\n            href=\"${this.src\n              ? this.src\n              : `${\n                  this.prefix || (window as any).static_url || '/static/'\n                }svg/index.svg?v=${SVG_FINGERPRINT}#${name}`}\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -1,19 +1,25 @@
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = '4895893f4a3a2f33536aaf322d65b4e3';
+export const SVG_FINGERPRINT = '4b70d0d57aa522f481ce3d5b964766a9';
 // only icons below are included in the sprite sheet
 export var Icon;
 (function (Icon) {
-    Icon["analytics"] = "bar-chart-01";
+    Icon["alert_warning"] = "alert-square";
     Icon["account"] = "user-01";
     Icon["active"] = "play";
     Icon["add_note"] = "file-02";
     Icon["airtime"] = "bank-note-01";
+    Icon["analytics"] = "bar-chart-01";
     Icon["archive"] = "archive";
     Icon["arrow_up"] = "chevron-up";
     Icon["arrow_down"] = "chevron-down";
     Icon["arrow_left"] = "chevron-left";
     Icon["arrow_right"] = "chevron-right";
     Icon["attachment"] = "paperclip";
+    Icon["attachment_audio"] = "volume-min";
+    Icon["attachment_document"] = "file-06";
+    Icon["attachment_image"] = "image-01";
+    Icon["attachment_location"] = "marker-pin-01";
+    Icon["attachment_video"] = "video-recorder";
     Icon["broadcast"] = "announcement-01";
     Icon["call"] = "phone-call-01";
     Icon["call_missed"] = "phone-call-02";
@@ -22,32 +28,45 @@ export var Icon;
     Icon["campaign_archived"] = "archive";
     Icon["campaigns"] = "clock-refresh";
     Icon["channel"] = "zap";
-    Icon["channel_android"] = "channel-android";
-    Icon["channel_clickatell"] = "clickatell";
-    Icon["channel_external"] = "globe-02";
-    Icon["channel_facebook"] = "facebook-official";
-    Icon["channel_freshchat"] = "freshchat";
-    Icon["channel_instagram"] = "channel-instagram";
-    Icon["channel_jiochat"] = "jiochat";
-    Icon["channel_junebug"] = "junebug";
-    Icon["channel_kannel"] = "channel-kannel";
-    Icon["channel_line"] = "line";
-    Icon["channel_mtarget"] = "mtarget";
-    Icon["channel_plivo"] = "channel-plivo";
-    Icon["channel_signalwire"] = "signalwire";
-    Icon["channel_thinq"] = "thinq";
-    Icon["channel_telegram"] = "telegram";
-    Icon["channel_twilio"] = "channel-twilio";
-    Icon["channel_twitter"] = "twitter";
-    Icon["channel_viber"] = "viber";
-    Icon["channel_vk"] = "vk";
-    Icon["channel_vonage"] = "vonage";
-    Icon["channel_wechat"] = "wechat";
-    Icon["channel_whatsapp"] = "whatsapp";
+    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";
     Icon["checkbox_checked"] = "check-square";
+    Icon["classifier_wit"] = "classifier-wit";
+    Icon["classifier_luis"] = "classifier-luis";
+    Icon["classifier_bothub"] = "classifier-bothub";
     Icon["compose"] = "send-01";
     Icon["colors"] = "palette";
     Icon["contact"] = "user-01";
@@ -67,6 +86,7 @@ export var Icon;
     Icon["error"] = "alert-circle";
     Icon["event"] = "zap";
     Icon["fields"] = "user-edit";
+    Icon["filter"] = "filter-funnel-01";
     Icon["flow"] = "flow";
     Icon["flow_interrupted"] = "x-close";
     Icon["flow_ivr"] = "phone-call-01";
@@ -83,8 +103,9 @@ export var Icon;
     Icon["incoming_call"] = "phone-incoming-01";
     Icon["info"] = "user-square";
     Icon["label"] = "tag-01";
-    Icon["language"] = "globe-01";
+    Icon["language"] = "translate-01";
     Icon["link"] = "link-external-01";
+    Icon["location"] = "marker-pin-01";
     Icon["log"] = "file-02";
     Icon["logout"] = "log-out-04";
     Icon["menu"] = "menu-01";
@@ -104,6 +125,7 @@ export var Icon;
     Icon["org_verified"] = "check-verified-02";
     Icon["overview"] = "pie-chart-01";
     Icon["prometheus"] = "prometheus";
+    Icon["progress_spinner"] = "refresh-cw-04";
     Icon["featured"] = "star-01";
     Icon["referral"] = "user-right-01";
     Icon["resthooks"] = "share-07";
@@ -111,6 +133,7 @@ export var Icon;
     Icon["retry"] = "refresh-cw-05";
     Icon["rocketchat"] = "rocketchat";
     Icon["runs"] = "rows-03";
+    Icon["schedule"] = "calendar";
     Icon["search"] = "search-refraction";
     Icon["select_open"] = "chevron-down";
     Icon["select_clear"] = "x";
@@ -118,6 +141,8 @@ export var Icon;
     Icon["service_end"] = "log-out-04";
     Icon["settings"] = "settings-02";
     Icon["sort"] = "chevron-selector-vertical";
+    Icon["sort_down"] = "sort-arrow-down";
+    Icon["sort_up"] = "sort-arrow-up";
     Icon["staff"] = "hard-drive";
     Icon["tickets"] = "agent";
     Icon["tickets_all"] = "archive";

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 = '4895893f4a3a2f33536aaf322d65b4e3';\n\n// only icons below are included in the sprite sheet\nexport enum Icon {\n  analytics = 'bar-chart-01',\n  account = 'user-01',\n  active = 'play',\n  add_note = 'file-02',\n  airtime = 'bank-note-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  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\n  channel_android = 'channel-android',\n  channel_clickatell = 'clickatell',\n  channel_external = 'globe-02',\n  channel_facebook = 'facebook-official',\n  channel_freshchat = 'freshchat',\n  channel_instagram = 'channel-instagram',\n  channel_jiochat = 'jiochat',\n  channel_junebug = 'junebug',\n  channel_kannel = 'channel-kannel',\n  channel_line = 'line',\n  channel_mtarget = 'mtarget',\n  channel_plivo = 'channel-plivo',\n  channel_signalwire = 'signalwire',\n  channel_thinq = 'thinq',\n  channel_telegram = 'telegram',\n  channel_twilio = 'channel-twilio',\n  channel_twitter = 'twitter',\n  channel_viber = 'viber',\n  channel_vk = 'vk',\n  channel_vonage = 'vonage',\n  channel_wechat = 'wechat',\n  channel_whatsapp = 'whatsapp',\n\n  children = 'git-branch-01',\n  check = 'check',\n  checkbox = 'square',\n  checkbox_checked = 'check-square',\n  compose = 'send-01',\n  colors = 'palette',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  conversation = 'message-chat-square',\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  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  fields = 'user-edit',\n  flow = 'flow',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone-call-01',\n  flow_message = 'message-square-02',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  global = 'at-sign',\n  group = 'users-01',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  home = 'settings-02',\n  image = 'image-01',\n  inbox = 'inbox-01',\n  incoming_call = 'phone-incoming-01',\n  info = 'user-square',\n  label = 'tag-01',\n  language = 'globe-01',\n  link = 'link-external-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  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  notification = 'bell-01',\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  featured = 'star-01',\n  referral = 'user-right-01',\n  resthooks = 'share-07',\n  restore = 'play',\n  retry = 'refresh-cw-05',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  sort = 'chevron-selector-vertical',\n  staff = 'hard-drive',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_open = 'inbox-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  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-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 = '4b70d0d57aa522f481ce3d5b964766a9';\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_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  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  classifier_wit = 'classifier-wit',\n  classifier_luis = 'classifier-luis',\n  classifier_bothub = 'classifier-bothub',\n  compose = 'send-01',\n  colors = 'palette',\n  contact = 'user-01',\n  contact_archived = 'archive',\n  contact_blocked = 'message-x-square',\n  contact_stopped = 'slash-octagon',\n  contact_updated = 'user-edit',\n  contacts = 'user-01',\n  conversation = 'message-chat-square',\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  email = 'mail-01',\n  error = 'alert-circle',\n  event = 'zap',\n  fields = 'user-edit',\n  filter = 'filter-funnel-01',\n  flow = 'flow',\n  flow_interrupted = 'x-close',\n  flow_ivr = 'phone-call-01',\n  flow_message = 'message-square-02',\n  flow_user = 'hard-drive',\n  flows = 'flow',\n  global = 'at-sign',\n  group = 'users-01',\n  group_smart = 'atom-01',\n  help = 'help-circle',\n  home = 'settings-02',\n  image = 'image-01',\n  inbox = 'inbox-01',\n  incoming_call = 'phone-incoming-01',\n  info = 'user-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  messages = 'message-square-02',\n  missing = 'maximize-02',\n  missed_call = 'phone-x',\n  new = 'plus',\n  notification = 'bell-01',\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  referral = 'user-right-01',\n  resthooks = 'share-07',\n  restore = 'play',\n  retry = 'refresh-cw-05',\n  rocketchat = 'rocketchat',\n  runs = 'rows-03',\n  schedule = 'calendar',\n  search = 'search-refraction',\n  select_open = 'chevron-down',\n  select_clear = 'x',\n  service = 'magic-wand-01',\n  service_end = 'log-out-04',\n  settings = 'settings-02',\n  sort = 'chevron-selector-vertical',\n  sort_down = 'sort-arrow-down',\n  sort_up = 'sort-arrow-up',\n  staff = 'hard-drive',\n  tickets = 'agent',\n  tickets_all = 'archive',\n  tickets_closed = 'check',\n  tickets_mine = 'coffee',\n  tickets_open = 'inbox-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  triggers = 'signal-01',\n  updated = 'edit-02',\n  up = 'chevron-up',\n  upload = 'upload-cloud-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"]}

package/package.json

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

package/src/vectoricon/VectorIcon.ts

@@ -184,7 +184,13 @@ export class VectorIcon extends LitElement {
   public render(): TemplateResult {
     // let icon name mappings take precedence
     let name = this.lastName || this.name;
-    name = Icon[name.replace('icon.', '')] || name;
+
+    // special case our channel icon fallback
+    if (this.name.startsWith('channel_') && !Icon[name]) {
+      name = Icon.channel_ex;
+    } else {
+      name = Icon[name.replace('icon.', '')] || name;
+    }
 
     // referencing icons by id is explicit
     if (!name) {

package/src/vectoricon/index.ts

@@ -1,19 +1,25 @@
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = '4895893f4a3a2f33536aaf322d65b4e3';
+export const SVG_FINGERPRINT = '4b70d0d57aa522f481ce3d5b964766a9';
 
 // only icons below are included in the sprite sheet
 export enum Icon {
-  analytics = 'bar-chart-01',
+  alert_warning = 'alert-square',
   account = 'user-01',
   active = 'play',
   add_note = 'file-02',
   airtime = 'bank-note-01',
+  analytics = 'bar-chart-01',
   archive = 'archive',
   arrow_up = 'chevron-up',
   arrow_down = 'chevron-down',
   arrow_left = 'chevron-left',
   arrow_right = 'chevron-right',
   attachment = 'paperclip',
+  attachment_audio = 'volume-min',
+  attachment_document = 'file-06',
+  attachment_image = 'image-01',
+  attachment_location = 'marker-pin-01',
+  attachment_video = 'video-recorder',
   broadcast = 'announcement-01',
   call = 'phone-call-01',
   call_missed = 'phone-call-02',
@@ -22,34 +28,45 @@ export enum Icon {
   campaign_archived = 'archive',
   campaigns = 'clock-refresh',
   channel = 'zap',
-
-  channel_android = 'channel-android',
-  channel_clickatell = 'clickatell',
-  channel_external = 'globe-02',
-  channel_facebook = 'facebook-official',
-  channel_freshchat = 'freshchat',
-  channel_instagram = 'channel-instagram',
-  channel_jiochat = 'jiochat',
-  channel_junebug = 'junebug',
-  channel_kannel = 'channel-kannel',
-  channel_line = 'line',
-  channel_mtarget = 'mtarget',
-  channel_plivo = 'channel-plivo',
-  channel_signalwire = 'signalwire',
-  channel_thinq = 'thinq',
-  channel_telegram = 'telegram',
-  channel_twilio = 'channel-twilio',
-  channel_twitter = 'twitter',
-  channel_viber = 'viber',
-  channel_vk = 'vk',
-  channel_vonage = 'vonage',
-  channel_wechat = 'wechat',
-  channel_whatsapp = 'whatsapp',
-
+  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',
   checkbox_checked = 'check-square',
+  classifier_wit = 'classifier-wit',
+  classifier_luis = 'classifier-luis',
+  classifier_bothub = 'classifier-bothub',
   compose = 'send-01',
   colors = 'palette',
   contact = 'user-01',
@@ -69,6 +86,7 @@ export enum Icon {
   error = 'alert-circle',
   event = 'zap',
   fields = 'user-edit',
+  filter = 'filter-funnel-01',
   flow = 'flow',
   flow_interrupted = 'x-close',
   flow_ivr = 'phone-call-01',
@@ -85,8 +103,9 @@ export enum Icon {
   incoming_call = 'phone-incoming-01',
   info = 'user-square',
   label = 'tag-01',
-  language = 'globe-01',
+  language = 'translate-01',
   link = 'link-external-01',
+  location = 'marker-pin-01',
   log = 'file-02',
   logout = 'log-out-04',
   menu = 'menu-01',
@@ -106,6 +125,7 @@ export enum Icon {
   org_verified = 'check-verified-02',
   overview = 'pie-chart-01',
   prometheus = 'prometheus',
+  progress_spinner = 'refresh-cw-04',
   featured = 'star-01',
   referral = 'user-right-01',
   resthooks = 'share-07',
@@ -113,6 +133,7 @@ export enum Icon {
   retry = 'refresh-cw-05',
   rocketchat = 'rocketchat',
   runs = 'rows-03',
+  schedule = 'calendar',
   search = 'search-refraction',
   select_open = 'chevron-down',
   select_clear = 'x',
@@ -120,6 +141,8 @@ export enum Icon {
   service_end = 'log-out-04',
   settings = 'settings-02',
   sort = 'chevron-selector-vertical',
+  sort_down = 'sort-arrow-down',
+  sort_up = 'sort-arrow-up',
   staff = 'hard-drive',
   tickets = 'agent',
   tickets_all = 'archive',

package/static/svg/index.pdf

@@ -679255,3 +679255,140 @@ trailer
 startxref
 23880375
 %%EOF
+428 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 2180 ] /Resources 425 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 426 0 R >>
+endobj
+744 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 1140 ] /Resources 741 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 742 0 R >>
+endobj
+1114 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 740 ] /Resources 1111 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 1112 0 R >>
+endobj
+1344 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 660 ] /Resources 1341 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 1342 0 R >>
+endobj
+1612 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 820 ] /Resources 1609 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 1610 0 R >>
+endobj
+1972 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 860 ] /Resources 1969 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 1970 0 R >>
+endobj
+2206 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 500 ] /Resources 2203 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 2204 0 R >>
+endobj
+2408 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 500 ] /Resources 2405 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 2406 0 R >>
+endobj
+2718 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 1300 ] /Resources 2715 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 2716 0 R >>
+endobj
+3060 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 820 ] /Resources 3057 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 3058 0 R >>
+endobj
+3370 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 820 ] /Resources 3367 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 3368 0 R >>
+endobj
+3586 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 580 ] /Resources 3583 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 3584 0 R >>
+endobj
+3920 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 1020 ] /Resources 3917 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 3918 0 R >>
+endobj
+4180 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 540 ] /Resources 4177 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 4178 0 R >>
+endobj
+4484 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 500 ] /Resources 4481 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 4482 0 R >>
+endobj
+4786 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 1260 ] /Resources 4783 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 4784 0 R >>
+endobj
+5004 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 660 ] /Resources 5001 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 5002 0 R >>
+endobj
+5334 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 740 ] /Resources 5331 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 5332 0 R >>
+endobj
+5606 0 obj
+<< /Annots [ ] /Type /Page /MediaBox [ 0 0 1144 540 ] /Resources 5603 0 R
+/Parent 5607 0 R /Rotate 0 /Contents 5604 0 R >>
+endobj
+5608 0 obj
+<< /Info 5616 0 R /Pages 5607 0 R /Type /Catalog >>
+endobj
+5615 0 obj
+<< /Producer (macOS Version 13.3.1 \(Build 22E261\) Quartz PDFContext, AppendMode 1.1)
+/ModDate (D:20230507204202Z00'00') >>
+endobj
+5616 0 obj
+5615 0 R
+endobj
+xref
+0 1
+0000000000 65535 f 
+428 1
+0023881122 00000 n 
+744 1
+0023881261 00000 n 
+1114 1
+0023881400 00000 n 
+1344 1
+0023881541 00000 n 
+1612 1
+0023881682 00000 n 
+1972 1
+0023881823 00000 n 
+2206 1
+0023881964 00000 n 
+2408 1
+0023882105 00000 n 
+2718 1
+0023882246 00000 n 
+3060 1
+0023882388 00000 n 
+3370 1
+0023882529 00000 n 
+3586 1
+0023882670 00000 n 
+3920 1
+0023882811 00000 n 
+4180 1
+0023882953 00000 n 
+4484 1
+0023883094 00000 n 
+4786 1
+0023883235 00000 n 
+5004 1
+0023883377 00000 n 
+5334 1
+0023883518 00000 n 
+5606 1
+0023883659 00000 n 
+5608 1
+0023883800 00000 n 
+5615 2
+0023883870 00000 n 
+0023884013 00000 n 
+trailer
+<< /ID [<736F6D65><06CAE88D5FD44B0C38BBAA6F0478A3AE> ] /Root 5608 0 R /Size 5617 /Prev 23880375 >> 
+startxref
+23884040
+%%EOF