@nyaruka/temba-components 0.129.1 → 0.129.3

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

@@ -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"
           }
         ]
       },
@@ -168,17 +168,55 @@
         "exits": [
           {
             "uuid": "4f1f8e3b-887c-42f5-bf59-fa59c5245dc2",
-            "destination_uuid": "f115fdb0-d92d-47a2-96f3-e03e36767b14"
+            "destination_uuid": "b85000c4-1990-4d86-807a-1318ea512708"
           },
           {
             "uuid": "4929ff2a-35cf-43a5-8353-dfede604add7",
-            "destination_uuid": null
+            "destination_uuid": "8ecec688-f154-4b80-a0b3-3cbff0fac892"
           }
         ]
       },
       {
         "uuid": "4efc49e0-ebfe-454d-a1a0-900a911dd5ef",
         "actions": [
+          {
+            "attachments": [],
+            "text": "Excellent choice!",
+            "type": "send_msg",
+            "quick_replies": [],
+            "uuid": "9963160a-a007-4c7b-8c9e-7325e1b69ed8"
+          },
+          {
+            "type": "add_contact_groups",
+            "groups": [
+              {
+                "uuid": "269e8abf-e81b-404c-82ce-45ff42d13769",
+                "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": "d1ca86da-f321-4e09-8bb2-981de03f5a90"
+          },
+          {
+            "addresses": [
+              "name@domain.com"
+            ],
+            "subject": "Did you get this?",
+            "body": "I hope it arrived!",
+            "type": "send_email",
+            "uuid": "a0f3f1f2-1869-4ad6-9fb0-e610a3e00ae7"
+          },
           {
             "type": "set_run_result",
             "name": "Color",
@@ -186,6 +224,17 @@
             "category": "",
             "uuid": "b32fe165-e0cc-475c-a7c4-7f484fcce2f4"
           },
+          {
+            "type": "add_input_labels",
+            "labels": [
+              {
+                "uuid": "61cae99b-56e1-4f3e-a2b9-07fb5cf2be9e",
+                "name": "Spam",
+                "count": 0
+              }
+            ],
+            "uuid": "d0d1571c-bf9e-4156-ac7c-984789c71472"
+          },
           {
             "uuid": "28c288f3-fb46-4c32-8a47-563132a2e8db",
             "type": "set_contact_channel",
@@ -195,20 +244,9 @@
             }
           },
           {
-            "attachments": [],
-            "text": "Excellent choice!",
-            "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"
+            "uuid": "730ae625-6535-467b-98af-ea83e9d27884",
+            "type": "set_contact_language",
+            "language": "eng"
           },
           {
             "type": "remove_contact_groups",
@@ -245,44 +283,6 @@
             "all_groups": false,
             "uuid": "6ec87721-6ec2-43fa-b7d2-930bf1f0574d"
           },
-          {
-            "uuid": "730ae625-6535-467b-98af-ea83e9d27884",
-            "type": "set_contact_language",
-            "language": "eng"
-          },
-          {
-            "type": "add_contact_groups",
-            "groups": [
-              {
-                "uuid": "269e8abf-e81b-404c-82ce-45ff42d13769",
-                "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": "d1ca86da-f321-4e09-8bb2-981de03f5a90"
-          },
-          {
-            "type": "add_input_labels",
-            "labels": [
-              {
-                "uuid": "61cae99b-56e1-4f3e-a2b9-07fb5cf2be9e",
-                "name": "Spam",
-                "count": 0
-              }
-            ],
-            "uuid": "d0d1571c-bf9e-4156-ac7c-984789c71472"
-          },
           {
             "type": "add_contact_urn",
             "uuid": "9ddb2da4-03da-40a9-9cec-06c9d05b6e72",
@@ -339,10 +339,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 +380,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 +413,7 @@
           },
           {
             "uuid": "bdf64af3-8585-45ce-a3ba-10aab8dcc4fd",
-            "destination_uuid": null
+            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
           }
         ]
       },
@@ -448,10 +450,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 +510,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": "e780a7ef-9dad-45a3-abda-11200a9afbf4"
           }
         ]
       },
@@ -560,10 +565,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 +632,7 @@
           },
           {
             "uuid": "e3314f8b-5598-4592-b5f9-2999c4a28a4f",
-            "destination_uuid": null
+            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
           }
         ]
       },
@@ -768,16 +775,16 @@
       "nodes": {
         "a229fa3c-16bb-440b-9ae8-b7ee7a723f44": {
           "position": {
-            "left": 980,
-            "top": 20
+            "left": 280,
+            "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,22 +793,22 @@
         "e1f22e97-a170-44b4-a79b-98ab916f4c34": {
           "type": "split_by_webhook",
           "position": {
-            "left": 760,
-            "top": 440
+            "left": 1020,
+            "top": 100
           },
           "config": {}
         },
         "4efc49e0-ebfe-454d-a1a0-900a911dd5ef": {
           "position": {
             "left": 240,
-            "top": 0
+            "top": 380
           },
           "type": "execute_actions"
         },
         "2c60c381-487d-42cd-80be-a31f44c36fd9": {
           "type": "split_by_subflow",
           "position": {
-            "left": 840,
+            "left": 580,
             "top": 600
           },
           "config": {}
@@ -809,8 +816,8 @@
         "f115fdb0-d92d-47a2-96f3-e03e36767b14": {
           "type": "split_by_contact_field",
           "position": {
-            "left": 480,
-            "top": 40
+            "left": 800,
+            "top": 220
           },
           "config": {
             "operand": {
@@ -824,7 +831,7 @@
         "b85000c4-1990-4d86-807a-1318ea512708": {
           "type": "split_by_expression",
           "position": {
-            "left": 480,
+            "left": 1020,
             "top": 440
           },
           "config": {
@@ -835,15 +842,15 @@
           "type": "split_by_random",
           "position": {
             "left": 780,
-            "top": 300
+            "top": 380
           },
           "config": null
         },
         "66171418-2368-44b9-95db-fdf7cd5cf4fe": {
           "type": "split_by_run_result",
           "position": {
-            "left": 480,
-            "top": 140
+            "left": 900,
+            "top": 560
           },
           "config": {
             "operand": {
@@ -857,8 +864,8 @@
         "5f1394c1-4b8c-4357-8863-db24817b2aa3": {
           "type": "split_by_groups",
           "position": {
-            "left": 480,
-            "top": 240
+            "left": 500,
+            "top": 340
           },
           "config": {
             "cases": {}
@@ -867,8 +874,8 @@
         "e780a7ef-9dad-45a3-abda-11200a9afbf4": {
           "type": "split_by_scheme",
           "position": {
-            "left": 480,
-            "top": 340
+            "left": 580,
+            "top": 480
           },
           "config": {
             "cases": {}
@@ -877,23 +884,23 @@
         "3dfe9cf2-72d1-496f-8d20-d5743af0f9c8": {
           "type": "split_by_llm",
           "position": {
-            "left": 480,
-            "top": 560
+            "left": 580,
+            "top": 880
           },
           "config": {}
         },
         "425c4757-bead-440f-92aa-a1cc3fcd7d35": {
           "position": {
-            "left": 480,
-            "top": 760
+            "left": 900,
+            "top": 740
           },
           "type": "execute_actions"
         },
         "21ff86c2-5276-4448-afb6-54d1f832ba0c": {
           "type": "split_by_ticket",
           "position": {
-            "left": 500,
-            "top": 1000
+            "left": 900,
+            "top": 860
           },
           "config": {}
         }
@@ -905,13 +912,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 +927,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 +936,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 +945,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"
         }
       }

package/demo/index.html

@@ -35,40 +35,40 @@
           <p>
             Text input components including completion and date/time pickers
           </p>
-          <a href="textinput/example.html">Basic Examples</a> |
-          <a href="textinput/completion.html">Completion</a>
+          <a href="components/textinput/example.html">Basic Examples</a> |
+          <a href="components/textinput/completion.html">Completion</a>
         </div>
 
         <div class="component-card">
           <h3>Select</h3>
           <p>Dropdown selection components with various configurations</p>
-          <a href="select/example.html">Basic Examples</a> |
-          <a href="select/drag-and-drop.html">Drag & Drop</a> |
-          <a href="select/multi.html">Multi-Select</a>
+          <a href="components/select/example.html">Basic Examples</a> |
+          <a href="components/select/drag-and-drop.html">Drag & Drop</a> |
+          <a href="components/select/multi.html">Multi-Select</a>
         </div>
 
         <div class="component-card">
           <h3>Checkbox</h3>
           <p>Checkbox components with labels and help text</p>
-          <a href="checkbox/example.html">Examples</a>
+          <a href="components/checkbox/example.html">Examples</a>
         </div>
 
         <div class="component-card">
           <h3>Date Picker</h3>
           <p>Date and time selection components</p>
-          <a href="datepicker/example.html">Examples</a>
+          <a href="components/datepicker/example.html">Examples</a>
         </div>
 
         <div class="component-card">
           <h3>Slider</h3>
           <p>Range slider components</p>
-          <a href="slider/example.html">Examples</a>
+          <a href="components/slider/example.html">Examples</a>
         </div>
 
         <div class="component-card">
           <h3>Compose</h3>
           <p>Text composition components with rich editing features</p>
-          <a href="compose/example.html">Examples</a>
+          <a href="components/compose/example.html">Examples</a>
         </div>
 
         <div class="component-card">
@@ -87,31 +87,31 @@
         <div class="component-card">
           <h3>Button</h3>
           <p>Interactive button components with various styles</p>
-          <a href="button/example.html">Examples</a>
+          <a href="components/button/example.html">Examples</a>
         </div>
 
         <div class="component-card">
           <h3>Dialog</h3>
           <p>Modal dialog components for user interactions</p>
-          <a href="dialog/example.html">Examples</a>
+          <a href="components/dialog/example.html">Examples</a>
         </div>
 
         <div class="component-card">
           <h3>Dropdown</h3>
           <p>Generic dropdown menu components</p>
-          <a href="dropdown/example.html">Examples</a>
+          <a href="components/dropdown/example.html">Examples</a>
         </div>
 
         <div class="component-card">
           <h3>Tabs</h3>
           <p>Tab navigation components with collapsible support</p>
-          <a href="tabs/example.html">Examples</a>
+          <a href="components/tabs/example.html">Examples</a>
         </div>
 
         <div class="component-card">
           <h3>Sortable List</h3>
           <p>Drag-and-drop sortable list components</p>
-          <a href="sortable-list/example.html">Examples</a>
+          <a href="components/sortable-list/example.html">Examples</a>
         </div>
       </div>
 
@@ -122,13 +122,13 @@
         <div class="component-card">
           <h3>Alert</h3>
           <p>Alert and notification components with different levels</p>
-          <a href="alert/example.html">Examples</a>
+          <a href="components/alert/example.html">Examples</a>
         </div>
 
         <div class="component-card">
           <h3>Progress</h3>
           <p>Progress bar components</p>
-          <a href="progress/example.html">Examples</a>
+          <a href="components/progress/example.html">Examples</a>
         </div>
       </div>
 
@@ -139,7 +139,7 @@
         <div class="component-card">
           <h3>Chart</h3>
           <p>Chart and data visualization components</p>
-          <a href="chart/example.html">Examples</a>
+          <a href="components/chart/example.html">Examples</a>
         </div>
       </div>
 
@@ -153,7 +153,7 @@
             Small utility components: loading spinners, image thumbnails, and
             tooltips
           </p>
-          <a href="misc/example.html">Examples</a>
+          <a href="components/misc/example.html">Examples</a>
         </div>
       </div>
 
@@ -166,7 +166,7 @@
             Small utility components: loading spinners, image thumbnails, and
             tooltips
           </p>
-          <a href="misc/example.html">Examples</a>
+          <a href="components/misc/example.html">Examples</a>
         </div>
 
         <div class="component-card">
@@ -175,13 +175,13 @@
             A work in progress editor for RapidPro flows to replace existing
             react editor.
           </p>
-          <a href="flow/example.html">Example</a>
+          <a href="components/flow/example.html">Example</a>
         </div>
 
         <div class="component-card">
           <h3>Web Chat</h3>
           <p>A work in progress web chat client for RapidPro</p>
-          <a href="webchat/example.html">Example</a>
+          <a href="components/webchat/example.html">Example</a>
         </div>
       </div>
     </div>