@nyaruka/temba-components 0.129.9 → 0.129.11

package/CHANGELOG.md

@@ -4,8 +4,31 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [v0.129.11](https://github.com/nyaruka/temba-components/compare/v0.129.10...v0.129.11)
+
+- Add support for rendering `contact_status_changed` events [`#682`](https://github.com/nyaruka/temba-components/pull/682)
+- Cleanup code for no longer used channel event types [`#681`](https://github.com/nyaruka/temba-components/pull/681)
+- Split by subflow [`#678`](https://github.com/nyaruka/temba-components/pull/678)
+- Fixes for node-based actions [`#677`](https://github.com/nyaruka/temba-components/pull/677)
+- Make tests and demos more consistent [`#676`](https://github.com/nyaruka/temba-components/pull/676)
+- Move call_llm into split_by_llm [`0f829f9`](https://github.com/nyaruka/temba-components/commit/0f829f9415df607fc5cba3eac87d6c5be06b4817)
+- Some shared functionality for router categories [`918a97a`](https://github.com/nyaruka/temba-components/commit/918a97a4da47b72e9681862e6897a08e8be51380)
+- Add editor for subflow [`8d335a1`](https://github.com/nyaruka/temba-components/commit/8d335a1667e42270ec90b7f505c91b6867137985)
+
+#### [v0.129.10](https://github.com/nyaruka/temba-components/compare/v0.129.9...v0.129.10)
+
+> 26 August 2025
+
+- Add support for new event types, remove no longer used ones [`#675`](https://github.com/nyaruka/temba-components/pull/675)
+- Refactor form components to use FieldElement base class instead of manual temba-field embedding [`#674`](https://github.com/nyaruka/temba-components/pull/674)
+- Finish FieldElement refactor [`ee5bf8b`](https://github.com/nyaruka/temba-components/commit/ee5bf8ba8d7fb2cdda14778ad114448ccc73c641)
+- Complete FieldElement implementation and migrate all target components [`4ba612e`](https://github.com/nyaruka/temba-components/commit/4ba612e4c49923a463f71bf326f6ed9401850516)
+- Create FieldElement base class and migrate ColorPicker [`5a25ee3`](https://github.com/nyaruka/temba-components/commit/5a25ee37be9810886a047f2678f546a41c0166be)
+
 #### [v0.129.9](https://github.com/nyaruka/temba-components/compare/v0.129.8...v0.129.9)
 
+> 25 August 2025
+
 - Node helper tests [`#672`](https://github.com/nyaruka/temba-components/pull/672)
 - Node refactor to support split_by_llm_categorize [`#671`](https://github.com/nyaruka/temba-components/pull/671)
 - Implement editor for add_input_labels [`#670`](https://github.com/nyaruka/temba-components/pull/670)

package/demo/data/flows/sample-flow.json

@@ -6,6 +6,49 @@
     "language": "eng",
     "type": "messaging",
     "nodes": [
+      {
+        "uuid": "fb7bbf99-65cd-4e08-825a-68fc7293cc05",
+        "actions": [
+          {
+            "uuid": "1c68d488-7ce7-4c7d-ae05-f767589e00ff",
+            "type": "set_contact_channel",
+            "channel": {
+              "uuid": "d70a531e-25d8-45dc-9a5b-19ff80cee571",
+              "name": "Facebook"
+            }
+          },
+          {
+            "uuid": "cc5c9892-4ba0-450a-a9d6-8567381eab1c",
+            "type": "set_contact_name",
+            "name": "The name"
+          },
+          {
+            "uuid": "2de0b3d2-8b84-43f7-8716-640c879b6730",
+            "type": "set_contact_language",
+            "language": "eng"
+          },
+          {
+            "uuid": "0020495f-f919-41bc-b0a7-5e109e72a6ac",
+            "type": "set_contact_field",
+            "field": {
+              "name": "Gender",
+              "key": "gender"
+            },
+            "value": "Male"
+          },
+          {
+            "uuid": "542b9033-2578-4ba1-bac8-dee26fd608fb",
+            "type": "set_contact_status",
+            "status": "active"
+          }
+        ],
+        "exits": [
+          {
+            "uuid": "8e90179d-bdbe-443f-8548-4911e09c6d46",
+            "destination_uuid": null
+          }
+        ]
+      },
       {
         "uuid": "a229fa3c-16bb-440b-9ae8-b7ee7a723f44",
         "actions": [
@@ -132,32 +175,20 @@
         "uuid": "e1f22e97-a170-44b4-a79b-98ab916f4c34",
         "actions": [
           {
-            "uuid": "cb497975-a8fb-4d28-a662-277eb7a699f9",
             "type": "call_webhook",
-            "url": "http://google.com",
+            "uuid": "e1f22e97-a170-44b4-a79b-98ab916f4c34",
             "method": "POST",
+            "url": "http://google.com",
             "headers": {
               "Accepts": "application/json",
               "Content-Type": "application/json",
               "Authorization": "Bearer token here"
             },
-            "body": "@(json(object(\n  \"contact\", object(\n    \"uuid\", contact.uuid, \n    \"name\", contact.name, \n    \"urn\", contact.urn\n  ),\n  \"flow\", object(\n    \"uuid\", run.flow.uuid, \n    \"name\", run.flow.name\n  ),\n  \"results\", foreach_value(results, extract_object, \"value\", \"category\")\n)))ast"
+            "body": "@(json(object(\n  \"contact\", object(\n    \"uuid\", contact.uuid, \n    \"name\", contact.name, \n    \"urn\", contact.urn\n  ),\n  \"flow\", object(\n    \"uuid\", run.flow.uuid, \n    \"name\", run.flow.name\n  ),\n  \"results\", foreach_value(results, extract_object, \"value\", \"category\")\n)))"
           }
         ],
         "router": {
           "type": "switch",
-          "operand": "@webhook.status",
-          "cases": [
-            {
-              "uuid": "024a8d66-be1e-4821-bec4-8c54fd7135c6",
-              "type": "has_number_between",
-              "arguments": [
-                "200",
-                "299"
-              ],
-              "category_uuid": "0bb08076-45e2-4ca1-b321-1506f1779198"
-            }
-          ],
           "categories": [
             {
               "uuid": "1b9100a4-f3f0-410e-8b6f-d339bf58a13a",
@@ -170,8 +201,19 @@
               "exit_uuid": "8087c747-eebc-4f35-8032-33490ba390d6"
             }
           ],
-          "default_category_uuid": "67fc0e41-eeb2-4f54-9f71-abdd64c097f4",
-          "result_name": ""
+          "default_category_uuid": "13915377-5eb1-46c5-8955-78646b75b8ef",
+          "operand": "@webhook.status",
+          "cases": [
+            {
+              "uuid": "8b9201ff-b195-4e18-8124-3362d310a2e5",
+              "type": "has_number_between",
+              "arguments": [
+                "200",
+                "299"
+              ],
+              "category_uuid": "1b9100a4-f3f0-410e-8b6f-d339bf58a13a"
+            }
+          ]
         },
         "exits": [
           {
@@ -601,35 +643,16 @@
         "uuid": "2c60c381-487d-42cd-80be-a31f44c36fd9",
         "actions": [
           {
-            "uuid": "f842eab5-b7d0-4899-811f-e631c1a442ad",
             "type": "enter_flow",
+            "uuid": "2c60c381-487d-42cd-80be-a31f44c36fd9",
             "flow": {
-              "uuid": "78d2429c-8fdc-421c-bd37-b381ae99b7c7",
-              "name": "Support"
+              "uuid": "8f1fa2e3-740a-4f06-b67b-d521643eb52b",
+              "name": "Food Order"
             }
           }
         ],
         "router": {
           "type": "switch",
-          "operand": "@child.status",
-          "cases": [
-            {
-              "uuid": "625daede-4c37-45d4-9af6-5607ad4b1ce0",
-              "type": "has_only_text",
-              "arguments": [
-                "completed"
-              ],
-              "category_uuid": "894652f9-cc6c-4192-827d-3c5543778478"
-            },
-            {
-              "uuid": "1e5f9d1e-794d-4279-ad93-3c7541962388",
-              "arguments": [
-                "expired"
-              ],
-              "type": "has_only_text",
-              "category_uuid": "48e318f7-4153-471a-856a-be01ac2f18a0"
-            }
-          ],
           "categories": [
             {
               "uuid": "894652f9-cc6c-4192-827d-3c5543778478",
@@ -642,7 +665,18 @@
               "exit_uuid": "e3314f8b-5598-4592-b5f9-2999c4a28a4f"
             }
           ],
-          "default_category_uuid": "48e318f7-4153-471a-856a-be01ac2f18a0"
+          "default_category_uuid": "48e318f7-4153-471a-856a-be01ac2f18a0",
+          "operand": "@child.status",
+          "cases": [
+            {
+              "uuid": "625daede-4c37-45d4-9af6-5607ad4b1ce0",
+              "type": "has_only_text",
+              "arguments": [
+                "completed"
+              ],
+              "category_uuid": "894652f9-cc6c-4192-827d-3c5543778478"
+            }
+          ]
         },
         "exits": [
           {
@@ -738,8 +772,8 @@
         "uuid": "21ff86c2-5276-4448-afb6-54d1f832ba0c",
         "actions": [
           {
-            "uuid": "a7f21fc4-8bf1-47ab-a6c7-3e072f88afe7",
             "type": "open_ticket",
+            "uuid": "21ff86c2-5276-4448-afb6-54d1f832ba0c",
             "topic": {
               "uuid": "1b1cb507-e079-4b30-818c-1898edcbd178",
               "name": "General"
@@ -753,15 +787,6 @@
         ],
         "router": {
           "type": "switch",
-          "operand": "@locals._new_ticket",
-          "cases": [
-            {
-              "uuid": "f32a3e1b-976d-4897-af3b-964041af1361",
-              "type": "has_text",
-              "arguments": [],
-              "category_uuid": "1ec9135f-e670-4bae-a6d7-2f6aa6ce9b59"
-            }
-          ],
           "categories": [
             {
               "uuid": "1ec9135f-e670-4bae-a6d7-2f6aa6ce9b59",
@@ -775,7 +800,15 @@
             }
           ],
           "default_category_uuid": "6c1b355d-7d3e-4c17-abef-7861bac5cf48",
-          "result_name": ""
+          "operand": "@locals._new_ticket",
+          "cases": [
+            {
+              "uuid": "f32a3e1b-976d-4897-af3b-964041af1361",
+              "type": "has_text",
+              "arguments": [],
+              "category_uuid": "1ec9135f-e670-4bae-a6d7-2f6aa6ce9b59"
+            }
+          ]
         },
         "exits": [
           {
@@ -895,6 +928,13 @@
     ],
     "_ui": {
       "nodes": {
+        "fb7bbf99-65cd-4e08-825a-68fc7293cc05": {
+          "position": {
+            "left": 1100,
+            "top": 480
+          },
+          "type": "execute_actions"
+        },
         "145eb3d3-b841-4e66-abac-297ae525c7ad": {
           "position": {
             "left": 720,
@@ -938,7 +978,7 @@
           "type": "split_by_subflow",
           "position": {
             "left": 460,
-            "top": 740
+            "top": 680
           },
           "config": {}
         },
@@ -993,7 +1033,7 @@
         "5f1394c1-4b8c-4357-8863-db24817b2aa3": {
           "type": "split_by_groups",
           "position": {
-            "left": 480,
+            "left": 460,
             "top": 380
           },
           "config": {
@@ -1004,7 +1044,7 @@
           "type": "split_by_scheme",
           "position": {
             "left": 460,
-            "top": 600
+            "top": 540
           },
           "config": {
             "cases": {}
@@ -1014,7 +1054,7 @@
           "type": "split_by_llm",
           "position": {
             "left": 460,
-            "top": 900
+            "top": 840
           },
           "config": {}
         },
@@ -1038,7 +1078,7 @@
         "1a32aff1-36b9-48e3-a51e-382efdcb9a83": {
           "position": {
             "left": 0,
-            "top": 0
+            "top": 40
           },
           "title": "Yellow Note",
           "body": "This flow makes no sense. That's because it's just for general testing. We can keep typing in this div though and it is interesting how it just keeps expanding even if it isn't a textarea. Even this seems okay and I can keep typing as long as I like.\n\nI can even add some extra line breaks.",

package/demo/test-colorpicker.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>ColorPicker Test</title>
+    <style>
+        body { padding: 20px; font-family: Arial, sans-serif; }
+        .test-section { margin: 20px 0; border: 1px solid #ccc; padding: 20px; }
+        temba-color-picker { width: 300px; }
+    </style>
+    <script type="module" src="/dist/temba-components.js"></script>
+</head>
+<body>
+    <h1>ColorPicker Visual Test</h1>
+    
+    <div class="test-section">
+        <h3>ColorPicker with label (new behavior)</h3>
+        <temba-color-picker name="primary" label="Primary Color"></temba-color-picker>
+    </div>
+    
+    <div class="test-section">
+        <h3>ColorPicker with widgetOnly (should match old behavior)</h3>
+        <temba-color-picker name="primary" label="Primary Color" widgetOnly></temba-color-picker>
+    </div>
+    
+    <div class="test-section">
+        <h3>ColorPicker without label</h3>
+        <temba-color-picker name="primary"></temba-color-picker>
+    </div>
+</body>
+</html>