@nyaruka/temba-components 0.156.1 → 0.156.2

package/package.json

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

package/src/flow/Editor.ts

@@ -1717,12 +1717,16 @@ export class Editor extends RapidElement {
     }
 
     if (changes.has('showMessageTable') && !this.showMessageTable && this.plumber) {
-      // Canvas was re-added to the DOM; rebind the plumber and repaint connections
+      // Canvas was re-added to the DOM; rebind the plumber, listeners, and repaint
       requestAnimationFrame(() => {
         const canvas = this.querySelector('#canvas');
         if (canvas) {
           this.plumber.setContainer(canvas as HTMLElement);
           this.plumber.repaintEverything();
+          canvas.addEventListener('contextmenu', this.boundCanvasContextMenu);
+          canvas.addEventListener('touchstart', this.boundCanvasTouchStart, {
+            passive: false
+          });
         }
       });
     }
@@ -6072,13 +6076,6 @@ export class Editor extends RapidElement {
     );
     const hasTranslations = progress.total > 0;
     const hasPendingTranslations = remainingTranslations > 0;
-    const autoTranslateButtonLabel = this.autoTranslating
-      ? 'Stop Auto Translate'
-      : 'Auto Translate';
-    const showAutoTranslate = !isBaseSelected && hasPendingTranslations;
-    const disableTranslationControls = Boolean(this.viewingRevision);
-    const autoTranslateButtonDisabled =
-      disableTranslationControls || (!this.autoTranslating && !hasTranslations);
 
     return html`
       <temba-floating-window
@@ -6116,25 +6113,13 @@ export class Editor extends RapidElement {
                   ></temba-option>`
               )}
             </temba-select>
-            ${showAutoTranslate || this.autoTranslating
-              ? html`<button
-                  class="auto-translate-button"
-                  type="button"
-                  ?disabled=${autoTranslateButtonDisabled}
-                  @click=${this.handleAutoTranslateClick}
-                >
-                  ${autoTranslateButtonLabel}
-                </button>`
-              : ''}
+            ${''/* auto translate button hidden pending backend changes */}
           </div>
           <div
             class="localization-progress ${isBaseSelected ? 'disabled' : ''}"
           >
             <div class="localization-progress-summary">
-              ${this.autoTranslating
-                ? html`<temba-loading units="3" size="8"></temba-loading>
-                    <span>Auto translating remaining text…</span>`
-                : isBaseSelected
+              ${isBaseSelected
                   ? html`<span
                       >Select a language to see translation progress.</span
                     >`
@@ -6146,11 +6131,7 @@ export class Editor extends RapidElement {
                         html`<span>${progress.localized} of ${progress.total} items translated</span>`
                       : html`<span>All items are translated.</span>`}
             </div>
-            ${this.autoTranslateError
-              ? html`<div class="auto-translate-error">
-                  ${this.autoTranslateError}
-                </div>`
-              : ''}
+            ${''/* auto translate error hidden pending backend changes */}
             <div class="localization-progress-bar-row">
               <div
                 class="localization-progress-trigger"
@@ -6747,7 +6728,6 @@ export class Editor extends RapidElement {
 
     return html`${style} ${this.renderIssuesWindow()}
       ${this.renderRevisionsWindow()} ${this.renderLocalizationWindow()}
-      ${this.renderAutoTranslateDialog()}
       <div id="editor-container">
         ${this.renderToolbar()}
         <div id="editor">

package/src/flow/actions/add_contact_groups.ts

@@ -31,6 +31,7 @@ export const add_contact_groups: ActionConfig = {
       valueKey: 'uuid',
       nameKey: 'name',
       placeholder: 'Search for groups...',
+      shouldExclude: (option: any) => !!option.query,
       allowCreate: true,
       createArbitraryOption: (input: string, options: any[]) => {
         // Check if a label with this name already exists