@nyaruka/temba-components 0.129.6 → 0.129.8

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

@@ -10,17 +10,27 @@
         "uuid": "a229fa3c-16bb-440b-9ae8-b7ee7a723f44",
         "actions": [
           {
+            "uuid": "3d56e4cf-1e88-499a-b0b4-ff48385fc9a5",
+            "type": "send_msg",
+            "text": "What is your favorite color?! @contact.uuid. It works.",
             "attachments": [
-              "image:http://google.com/logo.png"
+              "image/jpeg:http://localhost:9000/temba-attachments/c4e84ebf-fdd7-439b-a2ca-aeb5e54dfc1d-IMG_3245.jpeg",
+              "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/jpeg:http://localhost:9000/temba-attachments/837ac13b-e524-4a4c-9385-81873c5df138-IMG_3290.jpeg",
+              "image/jpeg:http://localhost:9000/temba-attachments/761e6345-3a19-49da-8a53-5c772d7739bc-IMG_3339.jpeg",
+              "image/jpeg:http://localhost:9000/temba-attachments/ea6b336d-4389-4d32-b58a-e5a138d13c84-IMG_3237.jpeg"
             ],
-            "text": "What is your favorite color?",
-            "type": "send_msg",
             "quick_replies": [
               "Red",
               "Green",
-              "Blue"
-            ],
-            "uuid": "3d56e4cf-1e88-499a-b0b4-ff48385fc9a5"
+              "Blue",
+              "Yellow",
+              "Purple",
+              "@contact.first_name",
+              "@contact.uuid",
+              "@contact.last_name"
+            ]
           }
         ],
         "exits": [
@@ -135,7 +145,7 @@
               "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)))"
+            "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"
           }
         ],
         "router": {
@@ -185,9 +195,15 @@
             "uuid": "9963160a-a007-4c7b-8c9e-7325e1b69ed8",
             "type": "send_msg",
             "text": "Excellent choices.",
+            "attachments": [
+              "audio:http://arst",
+              "image:@contact.first_name"
+            ],
             "quick_replies": [
-              "blooooop",
-              "bleep"
+              "Red",
+              "Green",
+              "Blue",
+              "@contact.name"
             ]
           },
           {
@@ -798,7 +814,7 @@
       "nodes": {
         "a229fa3c-16bb-440b-9ae8-b7ee7a723f44": {
           "position": {
-            "left": 260,
+            "left": 240,
             "top": 0
           },
           "type": "execute_actions"
@@ -806,8 +822,8 @@
         "ef1a5b06-1331-4c0d-9f46-58b1e5baf671": {
           "type": "wait_for_response",
           "position": {
-            "left": 260,
-            "top": 160
+            "left": 220,
+            "top": 260
           },
           "config": {
             "cases": {}
@@ -816,15 +832,15 @@
         "e1f22e97-a170-44b4-a79b-98ab916f4c34": {
           "type": "split_by_webhook",
           "position": {
-            "left": 800,
-            "top": 0
+            "left": 700,
+            "top": 20
           },
           "config": {}
         },
         "4efc49e0-ebfe-454d-a1a0-900a911dd5ef": {
           "position": {
-            "left": 240,
-            "top": 340
+            "left": 220,
+            "top": 440
           },
           "type": "execute_actions"
         },
@@ -887,8 +903,8 @@
         "5f1394c1-4b8c-4357-8863-db24817b2aa3": {
           "type": "split_by_groups",
           "position": {
-            "left": 500,
-            "top": 360
+            "left": 520,
+            "top": 380
           },
           "config": {
             "cases": {}
@@ -907,14 +923,14 @@
         "3dfe9cf2-72d1-496f-8d20-d5743af0f9c8": {
           "type": "split_by_llm",
           "position": {
-            "left": 580,
-            "top": 1040
+            "left": 520,
+            "top": 1020
           },
           "config": {}
         },
         "425c4757-bead-440f-92aa-a1cc3fcd7d35": {
           "position": {
-            "left": 620,
+            "left": 760,
             "top": 840
           },
           "type": "execute_actions"
@@ -922,8 +938,8 @@
         "21ff86c2-5276-4448-afb6-54d1f832ba0c": {
           "type": "split_by_ticket",
           "position": {
-            "left": 920,
-            "top": 900
+            "left": 820,
+            "top": 980
           },
           "config": {}
         }
@@ -950,7 +966,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1501": {
           "position": {
             "left": 0,
-            "top": 720
+            "top": 780
           },
           "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.",

package/demo/index.html

@@ -175,7 +175,7 @@
             A work in progress editor for RapidPro flows to replace existing
             react editor.
           </p>
-          <a href="components/flow/example.html">Example</a>
+          <a href="components/flow/index.html">Examples</a>
         </div>
 
         <div class="component-card">