@nyaruka/temba-components 0.118.8 → 0.119.1

package/src/dialog/Dialog.ts

@@ -1,5 +1,5 @@
 import { property } from 'lit/decorators.js';
-import { TemplateResult, html, css, PropertyValueMap } from 'lit';
+import { TemplateResult, html, css } from 'lit';
 import { Button } from '../button/Button';
 import { CustomEventType } from '../interfaces';
 import { styleMap } from 'lit-html/directives/style-map.js';
@@ -258,10 +258,9 @@ export class Dialog extends ResizeElement {
     super();
   }
 
-  protected firstUpdated(
-    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>
-  ): void {
-    if (changes.has('cancelButtonName') && this.cancelButtonName) {
+  private updateButtons() {
+    this.buttons = [];
+    if (this.cancelButtonName) {
       this.buttons.push({
         name: this.cancelButtonName,
         type: ButtonType.SECONDARY,
@@ -269,16 +268,23 @@ export class Dialog extends ResizeElement {
       });
     }
 
-    if (changes.has('primaryButtonName') && this.primaryButtonName) {
+    if (this.primaryButtonName) {
       this.buttons.push({
         name: this.primaryButtonName,
         type: ButtonType.PRIMARY
       });
     }
+    this.requestUpdate();
   }
 
-  public updated(changedProperties: Map<string, any>) {
-    if (changedProperties.has('open')) {
+  public updated(changes: Map<string, any>) {
+    super.updated(changes);
+
+    if (changes.has('cancelButtonName') || changes.has('primaryButtonName')) {
+      this.updateButtons();
+    }
+
+    if (changes.has('open')) {
       const body = document.querySelector('body');
 
       if (this.open) {
@@ -304,7 +310,7 @@ export class Dialog extends ResizeElement {
       }
 
       // make sure our buttons aren't in progress on show
-      if (this.open && !changedProperties.get('open')) {
+      if (this.open && !changes.get('open')) {
         this.shadowRoot
           .querySelectorAll('temba-button')
           .forEach((button: Button) => {

package/src/store/Store.ts

@@ -421,6 +421,7 @@ export class Store extends RapidElement {
     url: string,
     options?: {
       force?: boolean;
+      skipCache?: boolean;
       controller?: AbortController;
       headers?: { [key: string]: string };
     }
@@ -436,7 +437,9 @@ export class Store extends RapidElement {
       (response: WebResponse) => {
         return new Promise<WebResponse>((resolve, reject) => {
           if (response.status >= 200 && response.status <= 300) {
-            this.cache.set(url, response);
+            if (!options.skipCache) {
+              this.cache.set(url, response);
+            }
             resolve(response);
           } else {
             reject('Status: ' + response.status);

package/src/vectoricon/index.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-duplicate-enum-values */
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = '46e3fb369b8069df3118c8f746df02f0';
+export const SVG_FINGERPRINT = 'c15822ec97a689add7c149188f6d16c6';
 
 // only icons below are included in the sprite sheet
 export enum Icon {
@@ -256,6 +256,7 @@ export enum Icon {
 
   // ai
   openai = 'openai',
+  anthropic = 'anthropic',
 
   // demo
   default = 'list',