@nyaruka/temba-components 0.131.2 → 0.131.3

package/test/temba-node-type-selector.test.ts

@@ -149,4 +149,207 @@ describe('temba-node-type-selector', () => {
     expect(selectionDetail.position).to.deep.equal({ x: 100, y: 100 });
     expect(selector.open).to.be.false;
   });
+
+  it('filters actions by flow type - voice flow should show voice-only actions', async () => {
+    const selector = await createSelector();
+    selector.flowType = 'voice';
+    await selector.updateComplete;
+    selector.show('action', { x: 100, y: 100 });
+    await selector.updateComplete;
+
+    // get all node item titles
+    const nodeItems = selector.shadowRoot?.querySelectorAll('.node-item-title');
+    const titles = Array.from(nodeItems || []).map((item) =>
+      item.textContent?.trim()
+    );
+
+    // voice flow should have Say Message and Play Audio
+    expect(titles).to.include('Say Message');
+    expect(titles).to.include('Play Audio');
+  });
+
+  it('filters actions by flow type - message flow should not show voice-only actions', async () => {
+    const selector = await createSelector();
+    selector.flowType = 'message';
+    await selector.updateComplete;
+    selector.show('action', { x: 100, y: 100 });
+    await selector.updateComplete;
+
+    // get all node item titles
+    const nodeItems = selector.shadowRoot?.querySelectorAll('.node-item-title');
+    const titles = Array.from(nodeItems || []).map((item) =>
+      item.textContent?.trim()
+    );
+
+    // message flow should not have Say Message or Play Audio
+    expect(titles).to.not.include('Say Message');
+    expect(titles).to.not.include('Play Audio');
+  });
+
+  it('filters splits by flow type - message flow should show wait for response', async () => {
+    const selector = await createSelector();
+    selector.flowType = 'message';
+    await selector.updateComplete;
+    selector.show('split', { x: 100, y: 100 });
+    await selector.updateComplete;
+
+    // get all node item titles
+    const nodeItems = selector.shadowRoot?.querySelectorAll('.node-item-title');
+    const titles = Array.from(nodeItems || []).map((item) =>
+      item.textContent?.trim()
+    );
+
+    // message flow should have Wait for Response
+    expect(titles).to.include('Wait for Response');
+  });
+
+  it('filters splits by flow type - voice flow should not show wait for response', async () => {
+    const selector = await createSelector();
+    selector.flowType = 'voice';
+    await selector.updateComplete;
+    selector.show('split', { x: 100, y: 100 });
+    await selector.updateComplete;
+
+    // get all node item titles
+    const nodeItems = selector.shadowRoot?.querySelectorAll('.node-item-title');
+    const titles = Array.from(nodeItems || []).map((item) =>
+      item.textContent?.trim()
+    );
+
+    // voice flow should not have Wait for Response
+    expect(titles).to.not.include('Wait for Response');
+
+    // but should have Wait for Digits and Wait for Menu Selection
+    expect(titles).to.include('Wait for Digits');
+    expect(titles).to.include('Wait for Menu Selection');
+  });
+
+  it('filters by features - AI feature enables AI splits', async () => {
+    const selector = await createSelector();
+    selector.flowType = 'message';
+    selector.features = ['ai'];
+    await selector.updateComplete;
+    selector.show('split', { x: 100, y: 100 });
+    await selector.updateComplete;
+
+    // get all node item titles
+    const nodeItems = selector.shadowRoot?.querySelectorAll('.node-item-title');
+    const titles = Array.from(nodeItems || []).map((item) =>
+      item.textContent?.trim()
+    );
+
+    // with ai feature, should have Split by AI
+    expect(titles).to.include('Split by AI');
+  });
+
+  it('filters by features - without AI feature, AI splits are hidden', async () => {
+    const selector = await createSelector();
+    selector.flowType = 'message';
+    selector.features = [];
+    await selector.updateComplete;
+    selector.show('split', { x: 100, y: 100 });
+    await selector.updateComplete;
+
+    // get all node item titles
+    const nodeItems = selector.shadowRoot?.querySelectorAll('.node-item-title');
+    const titles = Array.from(nodeItems || []).map((item) =>
+      item.textContent?.trim()
+    );
+
+    // without ai feature, should not have Split by AI
+    expect(titles).to.not.include('Split by AI');
+  });
+
+  it('filters by features - airtime feature enables airtime actions', async () => {
+    const selector = await createSelector();
+    selector.flowType = 'message';
+    selector.features = ['airtime'];
+    await selector.updateComplete;
+    selector.show('action', { x: 100, y: 100 });
+    await selector.updateComplete;
+
+    // get all node item titles
+    const nodeItems = selector.shadowRoot?.querySelectorAll('.node-item-title');
+    const titles = Array.from(nodeItems || []).map((item) =>
+      item.textContent?.trim()
+    );
+
+    // with airtime feature, should have Send Airtime
+    expect(titles).to.include('Send Airtime');
+  });
+
+  it('filters by features - without airtime feature, airtime actions are hidden', async () => {
+    const selector = await createSelector();
+    selector.flowType = 'message';
+    selector.features = [];
+    await selector.updateComplete;
+    selector.show('action', { x: 100, y: 100 });
+    await selector.updateComplete;
+
+    // get all node item titles
+    const nodeItems = selector.shadowRoot?.querySelectorAll('.node-item-title');
+    const titles = Array.from(nodeItems || []).map((item) =>
+      item.textContent?.trim()
+    );
+
+    // without airtime feature, should not have Send Airtime
+    expect(titles).to.not.include('Send Airtime');
+  });
+
+  it('hides actions/nodes with empty flowTypes array from selector', async () => {
+    const selector = await createSelector();
+
+    // test that isConfigAvailable returns false for empty flowTypes array
+    const configWithEmptyFlowTypes = {
+      name: 'Test Action',
+      type: 'test_action',
+      flowTypes: [] // empty array should hide from all flow types
+    };
+
+    selector.flowType = 'message';
+    await selector.updateComplete;
+
+    // call private method via any to test behavior
+    const isAvailable = (selector as any).isConfigAvailable(
+      configWithEmptyFlowTypes
+    );
+    expect(isAvailable).to.be.false;
+
+    // test with different flow types - should still be false
+    selector.flowType = 'voice';
+    await selector.updateComplete;
+
+    const isAvailableVoice = (selector as any).isConfigAvailable(
+      configWithEmptyFlowTypes
+    );
+    expect(isAvailableVoice).to.be.false;
+  });
+
+  it('shows actions/nodes with undefined flowTypes for all flow types', async () => {
+    const selector = await createSelector();
+
+    // test that isConfigAvailable returns true for undefined flowTypes
+    const configWithUndefinedFlowTypes = {
+      name: 'Test Action',
+      type: 'test_action'
+      // flowTypes is undefined - should be available for all
+    };
+
+    selector.flowType = 'message';
+    await selector.updateComplete;
+
+    const isAvailable = (selector as any).isConfigAvailable(
+      configWithUndefinedFlowTypes
+    );
+    expect(isAvailable).to.be.true;
+
+    // test with different flow types - should still be true
+    selector.flowType = 'voice';
+    await selector.updateComplete;
+
+    const isAvailableVoice = (selector as any).isConfigAvailable(
+      configWithUndefinedFlowTypes
+    );
+    expect(isAvailableVoice).to.be.true;
+  });
 });

package/test/utils.test.ts

@@ -8,6 +8,26 @@ interface Clip {
 }
 
 import { expect, fixture, html, assert } from '@open-wc/testing';
+
+// disable transitions for all tests to prevent flaky screenshot tests
+const style = document.createElement('style');
+style.textContent = `
+  * {
+    --transition-duration: 0ms !important;
+  }
+`;
+document.head.appendChild(style);
+
+// prevent resize event listeners from being added during tests
+// this prevents flaky positioning in components that adjust on resize
+const originalAddEventListener = window.addEventListener;
+window.addEventListener = function (type, listener, options) {
+  if (type === 'resize') {
+    // skip adding resize listeners during tests
+    return;
+  }
+  return originalAddEventListener.call(this, type, listener, options);
+} as typeof window.addEventListener;
 import MouseHelper from './MouseHelper';
 import { Store } from '../src/store/Store';
 import { stub } from 'sinon';

package/test-assets/contacts/history.json

@@ -3,7 +3,6 @@
   "recent_only": false,
   "next_before": 1617135091567814,
   "next_after": 1609359091567814,
-  "start_date": "2019-09-22",
   "events": [
     {
       "uuid": "01997d74-bf67-749a-8440-688a41c3b275",
@@ -55,7 +54,7 @@
           "name": "SMS Channel"
         }
       },
-      "_status": {"status": "failed", "reason": "error_limit"},
+      "_status": {"created_on": "2025-09-24T20:40:28.239437+00:00", "status": "failed", "reason": "error_limit"},
       "_logs_url": null
     },
     {
@@ -90,7 +89,7 @@
           "name": "SMS Channel"
         }
       },
-      "_status": "W",
+      "_status": {"created_on": "2025-09-23T20:40:28.239434+00:00", "status": "wired"},
       "_logs_url": "/channels/channellog/read/1478/"
     },
     {
@@ -119,7 +118,7 @@
           "name": "SMS Channel"
         }
       },
-      "_status": "W",
+      "_status": {"created_on": "2025-09-23T20:40:28.239434+00:00", "status": "wired"},
       "_logs_url": "/channels/channellog/read/1476/"
     },
     {
@@ -148,7 +147,7 @@
           "name": "SMS Channel"
         }
       },
-      "_status": "W",
+      "_status": {"created_on": "2025-09-23T20:40:28.239434+00:00", "status": "wired"},
       "_logs_url": "/channels/channellog/read/1474/"
     },
     {
@@ -199,7 +198,7 @@
           "name": "SMS Channel"
         }
       },
-      "_status": "W",
+      "_status": {"created_on": "2025-09-23T20:40:28.239434+00:00", "status": "wired"},
       "_logs_url": "/channels/channellog/read/1472/"
     },
     {

package/test-assets/select/llms.json

@@ -9,10 +9,10 @@
       "type": "openai"
     },
     {
-      "uuid": "4399e7d6-fcdf-4e47-a835-f3bdb7f80938", 
+      "uuid": "4399e7d6-fcdf-4e47-a835-f3bdb7f80938",
       "name": "GPT 5",
       "value": "4399e7d6-fcdf-4e47-a835-f3bdb7f80938",
       "type": "openai"
     }
   ]
-}
+}

package/web-dev-server.config.mjs

@@ -255,7 +255,8 @@ export default {
             '/api/v2/workspace.json': 'workspace.json',
             '/api/internal/locations.json': 'locations.json',
             '/api/internal/orgs.json': 'orgs.json',
-            '/api/v2/channels.json': 'channels.json'
+            '/api/v2/channels.json': 'channels.json',
+            '/api/internal/llms.json': 'llms.json'
           };
 
           // Handle base path without query parameters
@@ -328,6 +329,50 @@ export default {
         if (context.request.method === 'POST' && context.path === '/api/v2/groups.json') {
           return handleDevEntityCreation('groups', context);
         }
+
+        // Handle mock LLM translations
+        if (
+          context.request.method === 'POST' &&
+          context.path.startsWith('/llm/translate/')
+        ) {
+          return new Promise((resolve) => {
+            let body = '';
+            context.req.on('data', (chunk) => {
+              body += chunk.toString();
+            });
+            context.req.on('end', () => {
+              let payload = {};
+              try {
+                payload = body ? JSON.parse(body) : {};
+              } catch (error) {
+                console.warn('Invalid LLM translate payload', error);
+              }
+
+              const sourceText =
+                typeof payload.text === 'string' ? payload.text : '';
+              const targetLang = payload.lang?.to || 'eng';
+              const modelUuid = context.path.split('/')[3] || 'mock-model';
+
+              const translated = sourceText
+                ? `${sourceText} (${targetLang.toUpperCase()})`
+                : `Translation for ${targetLang.toUpperCase()}`;
+
+              context.contentType = 'application/json';
+              context.status = 200;
+              context.body = JSON.stringify({
+                status: 'success',
+                model: modelUuid,
+                text: translated,
+                result: translated,
+                lang: {
+                  from: payload.lang?.from || 'eng',
+                  to: targetLang
+                }
+              });
+              resolve();
+            });
+          });
+        }
       }
     },
     {
@@ -345,6 +390,7 @@ export default {
           
           if (fs.existsSync(flowsDir)) {
             const files = fs.readdirSync(flowsDir).filter(file => file.endsWith('.json'));
+            console.log(`Listing ${files.length} flow files from ${flowsDir}...`);
 
             // Return JSON array of filenames
             context.contentType = 'application/json';

package/web-test-runner.config.mjs

@@ -309,7 +309,6 @@ export default {
   rootDir: './',
   files: '**/test/**/*.test.ts',
   nodeResolve: true,
-  setupFiles: ['./test-setup.js'],
   concurrency: 4,
   testFramework: {
     config: {

package/out-tsc/src/flow/nodes/wait_for_audio.js

@@ -1,7 +0,0 @@
-import { SPLIT_GROUPS } from '../types';
-export const wait_for_audio = {
-    type: 'wait_for_audio',
-    name: 'Wait for Audio',
-    group: SPLIT_GROUPS.wait
-};
-//# sourceMappingURL=wait_for_audio.js.map

package/out-tsc/src/flow/nodes/wait_for_audio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wait_for_audio.js","sourceRoot":"","sources":["../../../../src/flow/nodes/wait_for_audio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,UAAU,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAe;IACxC,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI;CACzB,CAAC","sourcesContent":["import { SPLIT_GROUPS, NodeConfig } from '../types';\n\nexport const wait_for_audio: NodeConfig = {\n  type: 'wait_for_audio',\n  name: 'Wait for Audio',\n  group: SPLIT_GROUPS.wait\n};\n"]}

package/out-tsc/src/flow/nodes/wait_for_image.js

@@ -1,7 +0,0 @@
-import { SPLIT_GROUPS } from '../types';
-export const wait_for_image = {
-    type: 'wait_for_image',
-    name: 'Wait for Image',
-    group: SPLIT_GROUPS.wait
-};
-//# sourceMappingURL=wait_for_image.js.map

package/out-tsc/src/flow/nodes/wait_for_image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wait_for_image.js","sourceRoot":"","sources":["../../../../src/flow/nodes/wait_for_image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,UAAU,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAe;IACxC,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI;CACzB,CAAC","sourcesContent":["import { SPLIT_GROUPS, NodeConfig } from '../types';\n\nexport const wait_for_image: NodeConfig = {\n  type: 'wait_for_image',\n  name: 'Wait for Image',\n  group: SPLIT_GROUPS.wait\n};\n"]}

package/out-tsc/src/flow/nodes/wait_for_location.js

@@ -1,7 +0,0 @@
-import { SPLIT_GROUPS } from '../types';
-export const wait_for_location = {
-    type: 'wait_for_location',
-    name: 'Wait for Location',
-    group: SPLIT_GROUPS.wait
-};
-//# sourceMappingURL=wait_for_location.js.map

package/out-tsc/src/flow/nodes/wait_for_location.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wait_for_location.js","sourceRoot":"","sources":["../../../../src/flow/nodes/wait_for_location.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,UAAU,CAAC;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAe;IAC3C,IAAI,EAAE,mBAAmB;IACzB,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE,YAAY,CAAC,IAAI;CACzB,CAAC","sourcesContent":["import { SPLIT_GROUPS, NodeConfig } from '../types';\n\nexport const wait_for_location: NodeConfig = {\n  type: 'wait_for_location',\n  name: 'Wait for Location',\n  group: SPLIT_GROUPS.wait\n};\n"]}

package/out-tsc/src/flow/nodes/wait_for_video.js

@@ -1,7 +0,0 @@
-import { SPLIT_GROUPS } from '../types';
-export const wait_for_video = {
-    type: 'wait_for_video',
-    name: 'Wait for Video',
-    group: SPLIT_GROUPS.wait
-};
-//# sourceMappingURL=wait_for_video.js.map

package/out-tsc/src/flow/nodes/wait_for_video.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wait_for_video.js","sourceRoot":"","sources":["../../../../src/flow/nodes/wait_for_video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,UAAU,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAe;IACxC,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI;CACzB,CAAC","sourcesContent":["import { SPLIT_GROUPS, NodeConfig } from '../types';\n\nexport const wait_for_video: NodeConfig = {\n  type: 'wait_for_video',\n  name: 'Wait for Video',\n  group: SPLIT_GROUPS.wait\n};\n"]}

package/src/flow/nodes/wait_for_audio.ts

@@ -1,7 +0,0 @@
-import { SPLIT_GROUPS, NodeConfig } from '../types';
-
-export const wait_for_audio: NodeConfig = {
-  type: 'wait_for_audio',
-  name: 'Wait for Audio',
-  group: SPLIT_GROUPS.wait
-};

package/src/flow/nodes/wait_for_image.ts

@@ -1,7 +0,0 @@
-import { SPLIT_GROUPS, NodeConfig } from '../types';
-
-export const wait_for_image: NodeConfig = {
-  type: 'wait_for_image',
-  name: 'Wait for Image',
-  group: SPLIT_GROUPS.wait
-};

package/src/flow/nodes/wait_for_location.ts

@@ -1,7 +0,0 @@
-import { SPLIT_GROUPS, NodeConfig } from '../types';
-
-export const wait_for_location: NodeConfig = {
-  type: 'wait_for_location',
-  name: 'Wait for Location',
-  group: SPLIT_GROUPS.wait
-};

package/src/flow/nodes/wait_for_video.ts

@@ -1,7 +0,0 @@
-import { SPLIT_GROUPS, NodeConfig } from '../types';
-
-export const wait_for_video: NodeConfig = {
-  type: 'wait_for_video',
-  name: 'Wait for Video',
-  group: SPLIT_GROUPS.wait
-};