@nyaruka/temba-components 0.129.11 → 0.130.1

package/static/api/workspace.json

@@ -0,0 +1,23 @@
+{
+  "uuid": "fe4e54e9-7d1c-4826-a450-4552fa47b2ef",
+  "name": "UNEP Mexico",
+  "country": "NG",
+  "languages": [
+    "eng",
+    "spa",
+    "fra",
+    "deu",
+    "por",
+    "ita",
+    "rus",
+    "zho",
+    "jpn",
+    "kor",
+    "ara",
+    "hin"
+  ],
+  "timezone": "America/Los_Angeles",
+  "date_style": "day_first",
+  "anon": false,
+  "primary_language": "eng"
+}

package/test/nodes/split_by_random.test.ts

@@ -28,13 +28,6 @@ describe('split_by_random node config', () => {
       expect(split_by_random.router).to.exist;
       expect(split_by_random.router.type).to.equal('random');
     });
-
-    it('is a simple node config without form or layout', () => {
-      expect(split_by_random.form).to.be.undefined;
-      expect(split_by_random.layout).to.be.undefined;
-      expect(split_by_random.toFormData).to.be.undefined;
-      expect(split_by_random.fromFormData).to.be.undefined;
-    });
   });
 
   describe('node scenarios', () => {

package/test/temba-field-renderer.test.ts

@@ -192,11 +192,16 @@ describe('FieldRenderer', () => {
         searchable: true
       };
 
-      const template = FieldRenderer.renderField('country', config, 'Canada', {
-        errors: [],
-        showLabel: true,
-        onChange: () => {}
-      });
+      const template = FieldRenderer.renderField(
+        'country',
+        config,
+        [{ name: 'Canada', value: 'Canada' }],
+        {
+          errors: [],
+          showLabel: true,
+          onChange: () => {}
+        }
+      );
 
       const container = await fixture(
         html`<div style="width: 400px; padding: 20px;">${template}</div>`
@@ -219,7 +224,10 @@ describe('FieldRenderer', () => {
       const template = FieldRenderer.renderField(
         'skills',
         config,
-        ['JavaScript', 'TypeScript'],
+        [
+          { name: 'JavaScript', value: 'JavaScript' },
+          { name: 'TypeScript', value: 'TypeScript' }
+        ],
         {
           errors: [],
           showLabel: true,
@@ -243,13 +251,18 @@ describe('FieldRenderer', () => {
         options: ['Active', 'Inactive', 'Pending']
       };
 
-      const template = FieldRenderer.renderField('status', config, 'Active', {
-        errors: [],
-        showLabel: false,
-        flavor: 'small',
-        extraClasses: 'form-control',
-        onChange: () => {}
-      });
+      const template = FieldRenderer.renderField(
+        'status',
+        config,
+        [{ name: 'Active', value: 'Active' }],
+        {
+          errors: [],
+          showLabel: false,
+          flavor: 'small',
+          extraClasses: 'form-control',
+          onChange: () => {}
+        }
+      );
 
       const container = await fixture(
         html`<div style="width: 200px; padding: 10px;">${template}</div>`

package/test/utils.test.ts

@@ -142,6 +142,26 @@ export const mockAPI = () => {
       mockGET(url, key);
     }
   }
+
+  // Add mock data for contact form endpoints
+  mockGET(/\/api\/v2\/channels\.json/, {
+    results: [
+      { uuid: 'chan-1', name: 'WhatsApp Channel' },
+      { uuid: 'chan-2', name: 'Telegram Channel' },
+      { uuid: 'chan-3', name: 'SMS Channel' },
+      { uuid: 'chan-4', name: 'Facebook Messenger' }
+    ]
+  });
+
+  mockGET(/\/api\/v2\/languages\.json/, {
+    results: [
+      { iso: 'eng', name: 'English' },
+      { iso: 'spa', name: 'Spanish' },
+      { iso: 'fra', name: 'French' },
+      { iso: 'por', name: 'Portuguese' },
+      { iso: 'deu', name: 'German' }
+    ]
+  });
 };
 
 export const mockGET = (

package/web-dev-server.config.mjs

@@ -43,6 +43,8 @@ export default {
             '/api/v2/contacts.json': './static/api/contacts.json',
             '/api/v2/optins.json': './static/api/optins.json',
             '/api/v2/topics.json': './static/api/topics.json',
+            '/api/v2/languages.json': './static/api/languages.json',
+            '/api/v2/workspace.json': './static/api/workspace.json',
             '/api/internal/locations.json': './static/api/locations.json',
             '/api/internal/orgs.json': './static/api/orgs.json'
           };

package/web-test-runner.config.mjs

@@ -322,6 +322,43 @@ export default {
       preventAssignment: true,
       'process.env.NODE_ENV': JSON.stringify('test'),
     }),
+    {
+      name: 'api-mock-server',
+      serve(context) {
+        // Handle API endpoints by serving static files
+        if (context.request.method === 'GET' && context.path.startsWith('/api/')) {
+          // Map API endpoints to static files
+          const apiMappings = {
+            '/api/v2/groups.json': './static/api/groups.json',
+            '/api/v2/labels.json': './static/api/labels.json',
+            '/api/v2/fields.json': './static/api/fields.json', 
+            '/api/v2/globals.json': './static/api/globals.json',
+            '/api/v2/completion.json': './static/mr/docs/en-us/editor.json',
+            '/api/v2/functions.json': './static/api/functions.json',
+            '/api/internal/templates.json': './static/api/templates.json',
+            '/api/v2/media.json': './static/api/media.json',
+            '/api/v2/users.json': './static/api/users.json',
+            '/api/v2/contacts.json': './static/api/contacts.json',
+            '/api/v2/optins.json': './static/api/optins.json',
+            '/api/v2/topics.json': './static/api/topics.json',
+            '/api/v2/languages.json': './static/api/languages.json',
+            '/api/v2/workspace.json': './static/api/workspace.json',
+            '/api/internal/locations.json': './static/api/locations.json',
+            '/api/internal/orgs.json': './static/api/orgs.json'
+          };
+
+          // Handle base path without query parameters
+          const basePath = context.path.split('?')[0];
+          const staticFile = apiMappings[basePath];
+          
+          if (staticFile && fs.existsSync(path.resolve(staticFile))) {
+            context.contentType = 'application/json';
+            context.body = fs.readFileSync(path.resolve(staticFile), 'utf-8');
+            return;
+          }
+        }
+      }
+    },
     {
       name: 'add-style',
       transform(context) {