@nyaruka/temba-components 0.129.2 → 0.129.4

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

@@ -16,9 +16,9 @@
             "text": "What is your favorite color?",
             "type": "send_msg",
             "quick_replies": [
-              "red",
-              "green",
-              "blue"
+              "Red",
+              "Green",
+              "Blue"
             ],
             "uuid": "3d56e4cf-1e88-499a-b0b4-ff48385fc9a5"
           }
@@ -75,7 +75,7 @@
             },
             {
               "uuid": "ee972b45-3bfe-4e93-9d4e-e9c8f8ffc587",
-              "name": "Blue",
+              "name": "Blue but longer so it hits the max width for categories in nodes",
               "exit_uuid": "3dfd68c4-0184-49d8-b2a4-0bbb62425f33"
             },
             {
@@ -110,15 +110,15 @@
           },
           {
             "uuid": "3dfd68c4-0184-49d8-b2a4-0bbb62425f33",
-            "destination_uuid": "4efc49e0-ebfe-454d-a1a0-900a911dd5ef"
+            "destination_uuid": "425c4757-bead-440f-92aa-a1cc3fcd7d35"
           },
           {
             "uuid": "ae901cf0-f7a1-491c-a56a-1922e242efa0",
-            "destination_uuid": "4efc49e0-ebfe-454d-a1a0-900a911dd5ef"
+            "destination_uuid": "e1f22e97-a170-44b4-a79b-98ab916f4c34"
           },
           {
             "uuid": "bf3b071c-c383-4382-93a8-6093e74c2449",
-            "destination_uuid": "e1f22e97-a170-44b4-a79b-98ab916f4c34"
+            "destination_uuid": "5f1394c1-4b8c-4357-8863-db24817b2aa3"
           }
         ]
       },
@@ -127,13 +127,15 @@
         "actions": [
           {
             "uuid": "cb497975-a8fb-4d28-a662-277eb7a699f9",
-            "headers": {
-              "Accept": "application/json"
-            },
             "type": "call_webhook",
             "url": "http://google.com",
-            "body": "",
-            "method": "GET"
+            "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)))"
           }
         ],
         "router": {
@@ -152,14 +154,14 @@
           ],
           "categories": [
             {
-              "uuid": "0bb08076-45e2-4ca1-b321-1506f1779198",
+              "uuid": "1b9100a4-f3f0-410e-8b6f-d339bf58a13a",
               "name": "Success",
-              "exit_uuid": "4f1f8e3b-887c-42f5-bf59-fa59c5245dc2"
+              "exit_uuid": "e6d66511-f532-44c5-acbe-bede3963e677"
             },
             {
-              "uuid": "67fc0e41-eeb2-4f54-9f71-abdd64c097f4",
+              "uuid": "13915377-5eb1-46c5-8955-78646b75b8ef",
               "name": "Failure",
-              "exit_uuid": "4929ff2a-35cf-43a5-8353-dfede604add7"
+              "exit_uuid": "8087c747-eebc-4f35-8032-33490ba390d6"
             }
           ],
           "default_category_uuid": "67fc0e41-eeb2-4f54-9f71-abdd64c097f4",
@@ -167,12 +169,12 @@
         },
         "exits": [
           {
-            "uuid": "4f1f8e3b-887c-42f5-bf59-fa59c5245dc2",
-            "destination_uuid": "f115fdb0-d92d-47a2-96f3-e03e36767b14"
+            "uuid": "e6d66511-f532-44c5-acbe-bede3963e677",
+            "destination_uuid": "b85000c4-1990-4d86-807a-1318ea512708"
           },
           {
-            "uuid": "4929ff2a-35cf-43a5-8353-dfede604add7",
-            "destination_uuid": null
+            "uuid": "8087c747-eebc-4f35-8032-33490ba390d6",
+            "destination_uuid": "b85000c4-1990-4d86-807a-1318ea512708"
           }
         ]
       },
@@ -180,97 +182,78 @@
         "uuid": "4efc49e0-ebfe-454d-a1a0-900a911dd5ef",
         "actions": [
           {
-            "type": "set_run_result",
-            "name": "Color",
-            "value": "Black",
-            "category": "",
-            "uuid": "b32fe165-e0cc-475c-a7c4-7f484fcce2f4"
-          },
-          {
-            "uuid": "28c288f3-fb46-4c32-8a47-563132a2e8db",
-            "type": "set_contact_channel",
-            "channel": {
-              "uuid": "9afd9156-a34a-43fa-91d4-914615ae2e72",
-              "name": "WhatsApp"
-            }
-          },
-          {
-            "attachments": [],
-            "text": "Excellent choice!",
+            "uuid": "9963160a-a007-4c7b-8c9e-7325e1b69ed8",
             "type": "send_msg",
-            "quick_replies": [],
-            "uuid": "9963160a-a007-4c7b-8c9e-7325e1b69ed8"
-          },
-          {
-            "addresses": [
-              "name@domain.com"
-            ],
-            "subject": "Did you get this?",
-            "body": "I hope it arrived!",
-            "type": "send_email",
-            "uuid": "a0f3f1f2-1869-4ad6-9fb0-e610a3e00ae7"
+            "text": "Excellent choices.",
+            "quick_replies": [
+              "blooooop",
+              "bleep"
+            ]
           },
           {
+            "uuid": "ffe1c2d3-4e5f-6a7b-8c9d-e0f1a2b3c4d5",
             "type": "remove_contact_groups",
             "groups": [
               {
-                "uuid": "269e8abf-e81b-404c-82ce-45ff42d13769",
-                "name": "Empty"
-              },
-              {
-                "uuid": "2f81d414-47b7-446d-b8c7-6662f611cb3d",
-                "name": "Testers"
-              },
-              {
-                "uuid": "90c0dc52-ddd8-466d-8333-a96fdd67195a",
-                "name": "Teachers"
+                "uuid": "f80ed7b6-5e6a-49eb-94b6-4631a9677cd8",
+                "name": "Reporters",
+                "query": null,
+                "status": "ready",
+                "count": 0
               },
               {
-                "uuid": "58a6a3cd-20c0-4791-82da-ce9f319ab91b",
-                "name": "Farmers"
+                "uuid": "a3f2990b-4096-452e-a586-dc06a9434dde",
+                "name": "Empty",
+                "query": null,
+                "status": "ready",
+                "count": 0
               },
               {
-                "uuid": "3b9caef9-e701-4475-a0c3-ef346704f71e",
-                "name": "Reporters"
+                "uuid": "76e7a094-22ea-441d-91c4-283d8168e8e3",
+                "name": "Some Really Long Group Name",
+                "count": 2028
               },
               {
-                "uuid": "f4f46e03-3d7c-4840-8ed3-8c6c5677a2f2",
-                "name": "Doctors"
+                "uuid": "66e7a094-22ea-441d-91c4-283d8168e8e4",
+                "name": "The Poots",
+                "query": "name ~ \"poots\" OR name ~ \"dave\"",
+                "status": "ready",
+                "count": 1028
               },
               {
-                "uuid": "4b4ad0a2-0be6-4edd-8d6f-f6fa40ce695c",
-                "name": "Drivers"
+                "uuid": "94e3ff12-9206-4ce8-87ab-934a864a1819",
+                "name": "Youth",
+                "query": "age <= 18",
+                "status": "ready",
+                "count": 174
               }
             ],
-            "all_groups": false,
-            "uuid": "6ec87721-6ec2-43fa-b7d2-930bf1f0574d"
-          },
-          {
-            "uuid": "730ae625-6535-467b-98af-ea83e9d27884",
-            "type": "set_contact_language",
-            "language": "eng"
+            "all_groups": false
           },
           {
+            "uuid": "d1ca86da-f321-4e09-8bb2-981de03f5a90",
             "type": "add_contact_groups",
             "groups": [
               {
-                "uuid": "269e8abf-e81b-404c-82ce-45ff42d13769",
+                "uuid": "a3f2990b-4096-452e-a586-dc06a9434dde",
                 "name": "Empty",
                 "query": null,
                 "status": "ready",
-                "system": false,
                 "count": 0
               },
               {
-                "uuid": "58a6a3cd-20c0-4791-82da-ce9f319ab91b",
-                "name": "Farmers",
-                "query": null,
-                "status": "ready",
-                "system": false,
-                "count": 2414
+                "uuid": "76e7a094-22ea-441d-91c4-283d8168e8e3",
+                "name": "Some Really Long Group Name",
+                "count": 2028
               }
-            ],
-            "uuid": "d1ca86da-f321-4e09-8bb2-981de03f5a90"
+            ]
+          },
+          {
+            "type": "set_run_result",
+            "name": "Color",
+            "value": "Black",
+            "category": "",
+            "uuid": "b32fe165-e0cc-475c-a7c4-7f484fcce2f4"
           },
           {
             "type": "add_input_labels",
@@ -283,6 +266,46 @@
             ],
             "uuid": "d0d1571c-bf9e-4156-ac7c-984789c71472"
           },
+          {
+            "uuid": "28c288f3-fb46-4c32-8a47-563132a2e8db",
+            "type": "set_contact_channel",
+            "channel": {
+              "uuid": "9afd9156-a34a-43fa-91d4-914615ae2e72",
+              "name": "WhatsApp"
+            }
+          },
+          {
+            "uuid": "730ae625-6535-467b-98af-ea83e9d27884",
+            "type": "set_contact_language",
+            "language": "eng"
+          },
+          {
+            "uuid": "773fa48f-7341-4f57-bf74-2afed2e4b763",
+            "actions": [
+              {
+                "type": "remove_contact_groups",
+                "groups": [],
+                "all_groups": true,
+                "uuid": "4f6a8bbb-5563-4bdb-8b53-e23490596fcd"
+              }
+            ],
+            "exits": [
+              {
+                "uuid": "f2265a88-4568-4105-8a0c-c698d32ff18f",
+                "destination_uuid": null
+              }
+            ]
+          },
+          {
+            "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",
@@ -339,10 +362,11 @@
         "exits": [
           {
             "uuid": "4654d1d0-f6d8-45ee-b941-0d61846b7da0",
-            "destination_uuid": "b85000c4-1990-4d86-807a-1318ea512708"
+            "destination_uuid": "8ecec688-f154-4b80-a0b3-3cbff0fac892"
           },
           {
-            "uuid": "e7161b36-544c-4b0e-814f-1e3784f8e1b5"
+            "uuid": "e7161b36-544c-4b0e-814f-1e3784f8e1b5",
+            "destination_uuid": "b85000c4-1990-4d86-807a-1318ea512708"
           }
         ]
       },
@@ -379,10 +403,11 @@
         "exits": [
           {
             "uuid": "7bda8b65-f797-4377-ba93-c92566e87c2e",
-            "destination_uuid": "8ecec688-f154-4b80-a0b3-3cbff0fac892"
+            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
           },
           {
-            "uuid": "2361f0e4-9ad8-4db3-ba37-d7fb02726307"
+            "uuid": "2361f0e4-9ad8-4db3-ba37-d7fb02726307",
+            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
           }
         ]
       },
@@ -411,7 +436,7 @@
           },
           {
             "uuid": "bdf64af3-8585-45ce-a3ba-10aab8dcc4fd",
-            "destination_uuid": null
+            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
           }
         ]
       },
@@ -448,10 +473,11 @@
         "exits": [
           {
             "uuid": "c9b74142-5cfe-4236-aaf5-11993cd23114",
-            "destination_uuid": "5f1394c1-4b8c-4357-8863-db24817b2aa3"
+            "destination_uuid": "425c4757-bead-440f-92aa-a1cc3fcd7d35"
           },
           {
-            "uuid": "dfa269cb-9ef9-4666-a10c-c51b95dabca0"
+            "uuid": "dfa269cb-9ef9-4666-a10c-c51b95dabca0",
+            "destination_uuid": "425c4757-bead-440f-92aa-a1cc3fcd7d35"
           }
         ]
       },
@@ -507,10 +533,12 @@
             "destination_uuid": "e780a7ef-9dad-45a3-abda-11200a9afbf4"
           },
           {
-            "uuid": "07e7136b-c27c-40b3-bd12-84768101331b"
+            "uuid": "07e7136b-c27c-40b3-bd12-84768101331b",
+            "destination_uuid": "e780a7ef-9dad-45a3-abda-11200a9afbf4"
           },
           {
-            "uuid": "5ef3425c-f015-46a5-9975-046879eba986"
+            "uuid": "5ef3425c-f015-46a5-9975-046879eba986",
+            "destination_uuid": "8ecec688-f154-4b80-a0b3-3cbff0fac892"
           }
         ]
       },
@@ -560,10 +588,12 @@
         },
         "exits": [
           {
-            "uuid": "6868ab9f-36fa-4507-a541-a99a78e14230"
+            "uuid": "6868ab9f-36fa-4507-a541-a99a78e14230",
+            "destination_uuid": "2c60c381-487d-42cd-80be-a31f44c36fd9"
           },
           {
-            "uuid": "946dbf63-09fa-4979-a83c-237b693d7379"
+            "uuid": "946dbf63-09fa-4979-a83c-237b693d7379",
+            "destination_uuid": "2c60c381-487d-42cd-80be-a31f44c36fd9"
           },
           {
             "uuid": "1a502bae-98b3-42f7-bc28-27eb041c41e7",
@@ -625,7 +655,7 @@
           },
           {
             "uuid": "e3314f8b-5598-4592-b5f9-2999c4a28a4f",
-            "destination_uuid": null
+            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
           }
         ]
       },
@@ -768,16 +798,16 @@
       "nodes": {
         "a229fa3c-16bb-440b-9ae8-b7ee7a723f44": {
           "position": {
-            "left": 980,
-            "top": 20
+            "left": 260,
+            "top": 0
           },
           "type": "execute_actions"
         },
         "ef1a5b06-1331-4c0d-9f46-58b1e5baf671": {
           "type": "wait_for_response",
           "position": {
-            "left": 780,
-            "top": 180
+            "left": 260,
+            "top": 160
           },
           "config": {
             "cases": {}
@@ -786,31 +816,31 @@
         "e1f22e97-a170-44b4-a79b-98ab916f4c34": {
           "type": "split_by_webhook",
           "position": {
-            "left": 760,
-            "top": 440
+            "left": 800,
+            "top": 0
           },
           "config": {}
         },
         "4efc49e0-ebfe-454d-a1a0-900a911dd5ef": {
           "position": {
             "left": 240,
-            "top": 0
+            "top": 340
           },
           "type": "execute_actions"
         },
         "2c60c381-487d-42cd-80be-a31f44c36fd9": {
           "type": "split_by_subflow",
           "position": {
-            "left": 840,
-            "top": 600
+            "left": 520,
+            "top": 680
           },
           "config": {}
         },
         "f115fdb0-d92d-47a2-96f3-e03e36767b14": {
           "type": "split_by_contact_field",
           "position": {
-            "left": 480,
-            "top": 40
+            "left": 1020,
+            "top": 220
           },
           "config": {
             "operand": {
@@ -824,8 +854,8 @@
         "b85000c4-1990-4d86-807a-1318ea512708": {
           "type": "split_by_expression",
           "position": {
-            "left": 480,
-            "top": 440
+            "left": 720,
+            "top": 240
           },
           "config": {
             "cases": {}
@@ -834,16 +864,16 @@
         "8ecec688-f154-4b80-a0b3-3cbff0fac892": {
           "type": "split_by_random",
           "position": {
-            "left": 780,
-            "top": 300
+            "left": 940,
+            "top": 360
           },
           "config": null
         },
         "66171418-2368-44b9-95db-fdf7cd5cf4fe": {
           "type": "split_by_run_result",
           "position": {
-            "left": 480,
-            "top": 140
+            "left": 800,
+            "top": 600
           },
           "config": {
             "operand": {
@@ -857,8 +887,8 @@
         "5f1394c1-4b8c-4357-8863-db24817b2aa3": {
           "type": "split_by_groups",
           "position": {
-            "left": 480,
-            "top": 240
+            "left": 500,
+            "top": 360
           },
           "config": {
             "cases": {}
@@ -868,7 +898,7 @@
           "type": "split_by_scheme",
           "position": {
             "left": 480,
-            "top": 340
+            "top": 560
           },
           "config": {
             "cases": {}
@@ -877,23 +907,23 @@
         "3dfe9cf2-72d1-496f-8d20-d5743af0f9c8": {
           "type": "split_by_llm",
           "position": {
-            "left": 480,
-            "top": 560
+            "left": 580,
+            "top": 1040
           },
           "config": {}
         },
         "425c4757-bead-440f-92aa-a1cc3fcd7d35": {
           "position": {
-            "left": 480,
-            "top": 760
+            "left": 620,
+            "top": 840
           },
           "type": "execute_actions"
         },
         "21ff86c2-5276-4448-afb6-54d1f832ba0c": {
           "type": "split_by_ticket",
           "position": {
-            "left": 500,
-            "top": 1000
+            "left": 920,
+            "top": 900
           },
           "config": {}
         }
@@ -905,13 +935,13 @@
             "top": 0
           },
           "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.",
+          "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.",
           "color": "yellow"
         },
         "598a87e4-f20b-48ba-aac5-bb365d8f1509": {
           "position": {
             "left": 0,
-            "top": 340
+            "top": 400
           },
           "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.",
@@ -920,7 +950,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1501": {
           "position": {
             "left": 0,
-            "top": 200
+            "top": 720
           },
           "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.",
@@ -929,7 +959,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1502": {
           "position": {
             "left": 0,
-            "top": 520
+            "top": 580
           },
           "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",
@@ -938,10 +968,10 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1503": {
           "position": {
             "left": 0,
-            "top": 660
+            "top": 280
           },
-          "title": "Gray Day",
-          "body": "Or grey even, toots!",
+          "title": "Gray Note",
+          "body": "And a nice, little gray message to go with it.",
           "color": "gray"
         }
       }