npm - @nyaruka/temba-components - Versions diffs - 0.129.10 → 0.130.0 - Mend

@nyaruka/temba-components 0.129.10 → 0.130.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (316) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -4,8 +4,24 @@ 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.130.0](https://github.com/nyaruka/temba-components/compare/v0.129.10...v0.130.0)
+- Fix allowCreate for Select [`#684`](https://github.com/nyaruka/temba-components/pull/684)
+- Implement split by random [`#683`](https://github.com/nyaruka/temba-components/pull/683)
+- Implement Individual Form Configurations for Contact Update Actions [`#680`](https://github.com/nyaruka/temba-components/pull/680)
+- 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)
+- Rework how values in NodeEditor selects work [`056d20b`](https://github.com/nyaruka/temba-components/commit/056d20b4e79b7cd5adb6750b5816b6fb66d15dfb)
+- Refactor contact actions to use individual form configurations instead of unified approach [`cc1ae10`](https://github.com/nyaruka/temba-components/commit/cc1ae10902bbd560ee3f0ec7ee5bedb0ad6e4398)
+- Implement unified contact form configuration and adapter with comprehensive tests [`acf28ef`](https://github.com/nyaruka/temba-components/commit/acf28efe64572406a699dcf6e02e324fefc8c526)
 #### [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)

package/demo/components/flow/example.html CHANGED Viewed

@@ -36,7 +36,11 @@
     </style>
   </head>
   <body>
-    <temba-store completion="/api/v2/completion.json"></temba-store>
+    <temba-store
+      completion="/api/v2/completion.json"
+      workspace="/api/v2/workspace.json"
+    >
+    </temba-store>
     <temba-flow-editor id="flow-editor"></temba-flow-editor>
     <script type="module">

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

@@ -6,6 +6,87 @@
     "language": "eng",
     "type": "messaging",
     "nodes": [
+      {
+        "uuid": "56a6ddd3-42d4-4ec2-b8ee-546b4ceb06f1",
+        "actions": [],
+        "router": {
+          "type": "random",
+          "categories": [
+            {
+              "uuid": "2325c455-92bd-4776-958c-367b4c318881",
+              "name": "Bucket 1",
+              "exit_uuid": "4b9759ae-ab8e-4957-bc7b-01516cc0e0c5"
+            },
+            {
+              "uuid": "12cdc990-86a5-46ec-8242-7193d85c2413",
+              "name": "Bucket 2",
+              "exit_uuid": "7610a57d-53e6-426f-93bf-d85161b11297"
+            },
+            {
+              "uuid": "9e6db7e6-cf13-4809-8a3b-ea01e0a861d9",
+              "name": "Bucket 3",
+              "exit_uuid": "cb6f46db-d129-4fb3-9684-007d600a9eac"
+            }
+          ]
+        },
+        "exits": [
+          {
+            "uuid": "4b9759ae-ab8e-4957-bc7b-01516cc0e0c5",
+            "destination_uuid": null
+          },
+          {
+            "uuid": "7610a57d-53e6-426f-93bf-d85161b11297",
+            "destination_uuid": null
+          },
+          {
+            "uuid": "cb6f46db-d129-4fb3-9684-007d600a9eac",
+            "destination_uuid": null
+          }
+        ]
+      },
+      {
+        "uuid": "fb7bbf99-65cd-4e08-825a-68fc7293cc05",
+        "actions": [
+          {
+            "uuid": "542b9033-2578-4ba1-bac8-dee26fd608fb",
+            "type": "set_contact_status",
+            "status": "active"
+          },
+          {
+            "uuid": "1c68d488-7ce7-4c7d-ae05-f767589e00ff",
+            "type": "set_contact_channel",
+            "channel": {
+              "uuid": "d70a531e-25d8-45dc-9a5b-19ff80cee571",
+              "name": "Facebook"
+            }
+          },
+          {
+            "uuid": "0020495f-f919-41bc-b0a7-5e109e72a6ac",
+            "type": "set_contact_field",
+            "field": {
+              "name": "Profile Pic",
+              "key": "profile_pic"
+            },
+            "value": "Malea"
+          },
+          {
+            "uuid": "cc5c9892-4ba0-450a-a9d6-8567381eab1c",
+            "type": "set_contact_name",
+            "name": "Rowan"
+          },
+          {
+            "uuid": "2de0b3d2-8b84-43f7-8716-640c879b6730",
+            "type": "set_contact_language",
+            "language": "eng"
+          }
+        ],
+        "exits": [
+          {
+            "uuid": "8e90179d-bdbe-443f-8548-4911e09c6d46",
+            "destination_uuid": null
+          }
+        ]
+      },
       {
         "uuid": "a229fa3c-16bb-440b-9ae8-b7ee7a723f44",
         "actions": [
@@ -18,7 +99,9 @@
               "image/jpeg:http://localhost:9000/temba-attachments/e7d4d3cd-ec89-45c2-bc0b-4f652f1f7fde-IMG_3262.jpeg",
               "image/jpeg:http://localhost:9000/temba-attachments/ae831575-0d23-40b7-ae0c-531b8775a6bc-IMG_3282.jpeg",
               "image/png:http://localhost:9000/temba-attachments/d7b04feb-c74e-43a4-a6de-6a4516a4de59-Screenshot 2025-08-19 at 10.23.24â¯AM.png",
-              "image/jpeg:http://localhost:9000/temba-attachments/d3bdb082-6dab-48ed-9598-f3a7f6b6b06d-IMG_3262.jpeg"
+              "image/jpeg:http://localhost:9000/temba-attachments/d3bdb082-6dab-48ed-9598-f3a7f6b6b06d-IMG_3262.jpeg",
+              "video:@fields.video",
+              "image:@fields.image"
             ],
             "quick_replies": [
               "Red",
@@ -132,32 +215,20 @@
         "uuid": "e1f22e97-a170-44b4-a79b-98ab916f4c34",
         "actions": [
           {
-            "uuid": "cb497975-a8fb-4d28-a662-277eb7a699f9",
             "type": "call_webhook",
+            "uuid": "e1f22e97-a170-44b4-a79b-98ab916f4c34",
+            "method": "GET",
             "url": "http://google.com",
-            "method": "POST",
             "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": ""
           }
         ],
         "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 +241,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": [
           {
@@ -200,10 +282,45 @@
               "Blue"
             ]
           },
+          {
+            "uuid": "d0d1571c-bf9e-4156-ac7c-984789c71472",
+            "type": "add_input_labels",
+            "labels": [
+              {
+                "uuid": "61cae99b-56e1-4f3e-a2b9-07fb5cf2be9e",
+                "name": "Important",
+                "count": 234
+              },
+              {
+                "uuid": "76e7a094-22ea-441d-91c4-283d8168e8e3",
+                "name": "Follow Up",
+                "count": 128
+              },
+              {
+                "uuid": "f80ed7b6-5e6a-49eb-94b6-4631a9677cd8",
+                "name": "Spam",
+                "count": 0
+              }
+            ]
+          },
+          {
+            "uuid": "b32fe165-e0cc-475c-a7c4-7f484fcce2f4",
+            "type": "set_run_result",
+            "name": "Make",
+            "value": "Rivian",
+            "category": "Electric"
+          },
           {
             "uuid": "d1ca86da-f321-4e09-8bb2-981de03f5a90",
             "type": "add_contact_groups",
             "groups": [
+              {
+                "uuid": "66e7a094-22ea-441d-91c4-283d8168e8e4",
+                "name": "The Poots",
+                "query": "name ~ \"poots\" OR name ~ \"dave\"",
+                "status": "ready",
+                "count": 1028
+              },
               {
                 "uuid": "a3f2990b-4096-452e-a586-dc06a9434dde",
                 "name": "Empty",
@@ -220,13 +337,6 @@
               }
             ]
           },
-          {
-            "uuid": "b32fe165-e0cc-475c-a7c4-7f484fcce2f4",
-            "type": "set_run_result",
-            "name": "Make",
-            "value": "Rivian",
-            "category": "Electric"
-          },
           {
             "uuid": "ffe1c2d3-4e5f-6a7b-8c9d-e0f1a2b3c4d5",
             "type": "remove_contact_groups",
@@ -241,27 +351,6 @@
             ],
             "all_groups": false
           },
-          {
-            "uuid": "d0d1571c-bf9e-4156-ac7c-984789c71472",
-            "type": "add_input_labels",
-            "labels": [
-              {
-                "uuid": "61cae99b-56e1-4f3e-a2b9-07fb5cf2be9e",
-                "name": "Important",
-                "count": 234
-              },
-              {
-                "uuid": "76e7a094-22ea-441d-91c4-283d8168e8e3",
-                "name": "Follow Up",
-                "count": 128
-              },
-              {
-                "uuid": "f80ed7b6-5e6a-49eb-94b6-4631a9677cd8",
-                "name": "Spam",
-                "count": 0
-              }
-            ]
-          },
           {
             "uuid": "28c288f3-fb46-4c32-8a47-563132a2e8db",
             "type": "set_contact_channel",
@@ -273,7 +362,7 @@
           {
             "uuid": "730ae625-6535-467b-98af-ea83e9d27884",
             "type": "set_contact_language",
-            "language": "eng"
+            "language": "spa"
           },
           {
             "uuid": "773fa48f-7341-4f57-bf74-2afed2e4b763",
@@ -292,16 +381,6 @@
               }
             ]
           },
-          {
-            "uuid": "a0f3f1f2-1869-4ad6-9fb0-e610a3e00ae7",
-            "type": "send_email",
-            "addresses": [
-              "mistermeowface@whiskers.com",
-              "name@domain.com"
-            ],
-            "subject": "Did you get this?",
-            "body": "I hope it arrived! But this message is a bit longer."
-          },
           {
             "type": "add_contact_urn",
             "uuid": "9ddb2da4-03da-40a9-9cec-06c9d05b6e72",
@@ -316,6 +395,16 @@
               "key": "color"
             },
             "value": "@results.color.category"
+          },
+          {
+            "uuid": "a0f3f1f2-1869-4ad6-9fb0-e610a3e00ae7",
+            "type": "send_email",
+            "addresses": [
+              "mistermeowface@whiskers.com",
+              "name@domain.com"
+            ],
+            "subject": "Did you get this?",
+            "body": "I hope it arrived! But this message is a bit longer."
           }
         ],
         "exits": [
@@ -422,6 +511,11 @@
               "uuid": "b2f0dd39-553e-4651-96ef-95cac79867f3",
               "name": "Bucket 2",
               "exit_uuid": "bdf64af3-8585-45ce-a3ba-10aab8dcc4fd"
+            },
+            {
+              "uuid": "edcaf2fd-34bb-46ea-bbc1-d23044b303d4",
+              "name": "My Other Buckets",
+              "exit_uuid": "df832c64-57f9-4468-b055-9b66a4e3b9bf"
             }
           ]
         },
@@ -432,6 +526,10 @@
           },
           {
             "uuid": "bdf64af3-8585-45ce-a3ba-10aab8dcc4fd",
+            "destination_uuid": "56a6ddd3-42d4-4ec2-b8ee-546b4ceb06f1"
+          },
+          {
+            "uuid": "df832c64-57f9-4468-b055-9b66a4e3b9bf",
             "destination_uuid": null
           }
         ]
@@ -601,35 +699,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 +721,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,30 +828,21 @@
         "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"
             },
             "assignee": {
-              "uuid": "ae79dd5b-8c34-4602-a2c1-1e4db2419f0f",
-              "name": "Eric Newcomer"
+              "uuid": "c0f5b431-35e9-429c-9d57-5fee2fac46a3",
+              "name": "Marion Berry"
             },
             "note": ""
           }
         ],
         "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 +856,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": [
           {
@@ -817,9 +906,9 @@
               "exit_uuid": "abbdcff7-4296-4f01-907f-f709fa4a1444"
             },
             {
-              "uuid": "7091cae1-2677-494a-967c-d9502476d4e4",
+              "uuid": "faa4fc1c-c4ba-47fc-8a93-a9bf8bd5818c",
               "name": "Oyster",
-              "exit_uuid": "377e720a-4815-4fa5-83cc-b6471765a9b4"
+              "exit_uuid": "c38c4c0e-cb1e-4305-a008-908aa9f01850"
             },
             {
               "uuid": "8e4624ee-57fe-43cd-8fa3-fa630c22cd72",
@@ -852,12 +941,12 @@
               "category_uuid": "4632b796-f8ab-4a35-80d1-a1b53a6db803"
             },
             {
-              "uuid": "87a8ccff-c153-4ff6-8a59-4d164b8bb2a8",
+              "uuid": "62a7fc70-ffbf-4925-9f9a-ca6ef531942a",
               "type": "has_only_text",
               "arguments": [
                 "Oyster"
               ],
-              "category_uuid": "7091cae1-2677-494a-967c-d9502476d4e4"
+              "category_uuid": "faa4fc1c-c4ba-47fc-8a93-a9bf8bd5818c"
             },
             {
               "uuid": "8fd5f13b-0398-4286-b18a-a92b5a2ea19d",
@@ -879,7 +968,7 @@
             "destination_uuid": null
           },
           {
-            "uuid": "377e720a-4815-4fa5-83cc-b6471765a9b4",
+            "uuid": "c38c4c0e-cb1e-4305-a008-908aa9f01850",
             "destination_uuid": null
           },
           {
@@ -895,9 +984,16 @@
     ],
     "_ui": {
       "nodes": {
+        "fb7bbf99-65cd-4e08-825a-68fc7293cc05": {
+          "position": {
+            "left": 0,
+            "top": 0
+          },
+          "type": "execute_actions"
+        },
         "145eb3d3-b841-4e66-abac-297ae525c7ad": {
           "position": {
-            "left": 720,
+            "left": 700,
             "top": 500
           },
           "type": "split_by_llm_categorize"
@@ -913,7 +1009,7 @@
           "type": "wait_for_response",
           "position": {
             "left": 220,
-            "top": 200
+            "top": 220
           },
           "config": {
             "cases": {}
@@ -922,8 +1018,8 @@
         "e1f22e97-a170-44b4-a79b-98ab916f4c34": {
           "type": "split_by_webhook",
           "position": {
-            "left": 840,
-            "top": 20
+            "left": 640,
+            "top": 40
           },
           "config": {}
         },
@@ -938,7 +1034,7 @@
           "type": "split_by_subflow",
           "position": {
             "left": 460,
-            "top": 740
+            "top": 660
           },
           "config": {}
         },
@@ -970,8 +1066,8 @@
         "8ecec688-f154-4b80-a0b3-3cbff0fac892": {
           "type": "split_by_random",
           "position": {
-            "left": 1020,
-            "top": 360
+            "left": 1000,
+            "top": 300
           },
           "config": null
         },
@@ -993,7 +1089,7 @@
         "5f1394c1-4b8c-4357-8863-db24817b2aa3": {
           "type": "split_by_groups",
           "position": {
-            "left": 480,
+            "left": 460,
             "top": 380
           },
           "config": {
@@ -1004,7 +1100,7 @@
           "type": "split_by_scheme",
           "position": {
             "left": 460,
-            "top": 600
+            "top": 520
           },
           "config": {
             "cases": {}
@@ -1014,7 +1110,7 @@
           "type": "split_by_llm",
           "position": {
             "left": 460,
-            "top": 900
+            "top": 820
           },
           "config": {}
         },
@@ -1032,13 +1128,21 @@
             "top": 920
           },
           "config": {}
+        },
+        "56a6ddd3-42d4-4ec2-b8ee-546b4ceb06f1": {
+          "type": "split_by_random",
+          "position": {
+            "left": 1080,
+            "top": 440
+          },
+          "config": null
         }
       },
       "stickies": {
         "1a32aff1-36b9-48e3-a51e-382efdcb9a83": {
           "position": {
             "left": 0,
-            "top": 0
+            "top": 1060
           },
           "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.",
@@ -1047,7 +1151,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1509": {
           "position": {
             "left": 0,
-            "top": 440
+            "top": 560
           },
           "title": "Blue Note",
           "body": "Did you know stickies can have different colors? I just realized that and I'm pretty happy to report that this expands really nicely. It seems to be working okay I think. This.",
@@ -1056,7 +1160,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1501": {
           "position": {
             "left": 0,
-            "top": 780
+            "top": 900
           },
           "title": "Green Note",
           "body": "They also come in green, do I like them better? Maybe I do. There is a standard height, they will have to get used to it.",
@@ -1065,7 +1169,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1502": {
           "position": {
             "left": 0,
-            "top": 640
+            "top": 760
           },
           "title": "Pinky Note",
           "body": "This is a test. How much do I like writing in pink? Seems pretty nice honestly! I think Imma go with it",
@@ -1074,7 +1178,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1503": {
           "position": {
             "left": 0,
-            "top": 320
+            "top": 440
           },
           "title": "Gray Note",
           "body": "And a nice, little gray message to go with it.",