@almadar/std 14.25.0 → 14.27.0

package/behaviors/registry/app/atoms/std-nps-survey.orb

@@ -91,7 +91,7 @@
           "linkedEntity": "NpsSurvey",
           "emits": [
             {
-              "event": "VIEW",
+              "event": "OPEN_SURVEY",
               "payloadSchema": [
                 {
                   "name": "id",
@@ -99,48 +99,57 @@
                   "required": true
                 },
                 {
-                  "name": "source",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "EDIT",
-              "payloadSchema": [
+                  "name": "row.id",
+                  "type": "string",
+                  "required": true
+                },
                 {
-                  "name": "id",
+                  "name": "row.customerId",
                   "type": "string",
                   "required": true
                 },
                 {
-                  "name": "source",
+                  "name": "row.customerName",
                   "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "CREATE",
-              "payloadSchema": [
+                },
+                {
+                  "name": "row.score",
+                  "type": "number"
+                },
                 {
-                  "name": "source",
+                  "name": "row.category",
                   "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "REQUEST_DELETE",
-              "payloadSchema": [
+                },
                 {
-                  "name": "id",
+                  "name": "row.comment",
+                  "type": "string"
+                },
+                {
+                  "name": "row.surveyedAt",
                   "type": "string",
                   "required": true
                 },
                 {
-                  "name": "source",
+                  "name": "row.channel",
+                  "type": "string"
+                },
+                {
+                  "name": "row.status",
+                  "type": "string"
+                },
+                {
+                  "name": "row.followedUp",
+                  "type": "boolean"
+                },
+                {
+                  "name": "row.pendingId",
                   "type": "string"
                 }
               ]
             },
+            {
+              "event": "CLOSE_VIEW"
+            },
             {
               "event": "MARK_FOLLOWED_UP",
               "payloadSchema": [
@@ -148,10 +157,6 @@
                   "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "source",
-                  "type": "string"
                 }
               ]
             },
@@ -189,7 +194,10 @@
                 "isInitial": true
               },
               {
-                "name": "viewing"
+                "name": "browsing"
+              },
+              {
+                "name": "viewing_single"
               },
               {
                 "name": "error"
@@ -229,74 +237,17 @@
                 ]
               },
               {
-                "key": "REFRESH",
-                "name": "Refresh",
-                "payloadSchema": [
-                  {
-                    "name": "source",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "SEARCH",
-                "name": "Search",
-                "payloadSchema": [
-                  {
-                    "name": "query",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "FILTER_CATEGORY",
-                "name": "Filter Category",
-                "payloadSchema": [
-                  {
-                    "name": "category",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "FILTER_STATUS",
-                "name": "Filter Status",
-                "payloadSchema": [
-                  {
-                    "name": "status",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "CREATE",
-                "name": "Create",
-                "payloadSchema": [
-                  {
-                    "name": "source",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "VIEW",
-                "name": "View",
+                "key": "OPEN_SURVEY",
+                "name": "Open Survey",
                 "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
                     "required": true
-                  }
-                ]
-              },
-              {
-                "key": "EDIT",
-                "name": "Edit",
-                "payloadSchema": [
+                  },
                   {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
+                    "name": "row",
+                    "type": "NpsSurvey"
                   }
                 ]
               },
@@ -312,15 +263,8 @@
                 ]
               },
               {
-                "key": "REQUEST_DELETE",
-                "name": "Request Delete",
-                "payloadSchema": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
+                "key": "CLOSE_VIEW",
+                "name": "Close View"
               }
             ],
             "transitions": [
@@ -334,8 +278,8 @@
                     "NpsSurvey",
                     {
                       "emit": {
-                        "failure": "NpsSurveyLoadFailed",
-                        "success": "NpsSurveyLoaded"
+                        "success": "NpsSurveyLoaded",
+                        "failure": "NpsSurveyLoadFailed"
                       }
                     }
                   ],
@@ -343,10 +287,8 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
                       "className": "py-12",
-                      "type": "stack",
-                      "gap": "md",
+                      "direction": "vertical",
                       "align": "center",
                       "children": [
                         {
@@ -355,92 +297,112 @@
                         {
                           "type": "typography",
                           "color": "muted",
-                          "content": "Loading NPS surveys…",
-                          "variant": "caption"
+                          "variant": "caption",
+                          "content": "Loading NPS surveys…"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "gap": "md"
                     }
                   ]
                 ]
               },
               {
                 "from": "loading",
-                "to": "viewing",
+                "to": "browsing",
                 "event": "NpsSurveyLoaded",
                 "effects": [
                   [
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
                       "direction": "vertical",
+                      "gap": "md",
                       "children": [
                         {
+                          "type": "stack",
+                          "align": "center",
                           "children": [
                             {
                               "name": "message-square",
                               "type": "icon"
                             },
                             {
-                              "content": "@config.title",
+                              "type": "typography",
                               "variant": "h3",
-                              "type": "typography"
-                            },
-                            {
-                              "label": "Send Survey",
-                              "action": "CREATE",
-                              "variant": "primary",
-                              "type": "button"
+                              "content": "@config.title"
                             }
                           ],
-                          "type": "stack",
-                          "align": "center",
-                          "gap": "sm",
-                          "direction": "horizontal"
+                          "direction": "horizontal",
+                          "gap": "sm"
                         },
                         {
-                          "type": "stack",
-                          "gap": "md",
-                          "direction": "horizontal",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "avatar",
-                              "src": "https://i.pravatar.cc/64?u=nps-top-promoter",
-                              "status": "online",
-                              "name": "Top promoter",
-                              "size": "md"
+                              "label": "Total surveys",
+                              "type": "stat-display",
+                              "value": "@payload.data.length",
+                              "icon": "message-square"
                             },
                             {
-                              "value": 4.0,
-                              "max": 5.0,
-                              "readOnly": true,
-                              "precision": "half",
-                              "type": "star-rating",
-                              "size": "md",
-                              "label": "Latest NPS sample"
+                              "label": "Promoters",
+                              "type": "stat-display",
+                              "icon": "thumbs-up",
+                              "value": "412"
+                            },
+                            {
+                              "label": "Detractors",
+                              "value": "84",
+                              "icon": "thumbs-down",
+                              "type": "stat-display"
+                            },
+                            {
+                              "value": "47",
+                              "icon": "trending-up",
+                              "type": "stat-display",
+                              "label": "Avg NPS"
                             }
-                          ]
+                          ],
+                          "cols": 4.0,
+                          "type": "simple-grid"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "entity": "@payload.data",
+                          "itemActions": [
+                            {
+                              "label": "Open",
+                              "event": "OPEN_SURVEY",
+                              "variant": "primary",
+                              "icon": "arrow-right"
+                            },
+                            {
+                              "variant": "danger",
+                              "event": "MARK_FOLLOWED_UP",
+                              "label": "Mark Followed Up"
+                            }
+                          ],
+                          "cols": 1.0,
+                          "type": "data-grid",
                           "gap": "sm",
                           "fields": [
                             {
-                              "label": "Customer",
                               "name": "customerName",
+                              "label": "Customer",
                               "variant": "caption"
                             },
                             {
-                              "label": "Score",
                               "variant": "caption",
-                              "name": "score"
+                              "name": "score",
+                              "label": "Score"
                             },
                             {
-                              "label": "Category",
                               "variant": "badge",
-                              "name": "category"
+                              "name": "category",
+                              "label": "Category"
                             },
                             {
                               "variant": "caption",
@@ -448,50 +410,18 @@
                               "label": "Surveyed"
                             },
                             {
-                              "label": "Channel",
                               "name": "channel",
+                              "label": "Channel",
                               "variant": "caption"
                             },
                             {
                               "name": "status",
-                              "variant": "badge",
-                              "label": "Status"
-                            },
-                            {
-                              "label": "Followed Up",
-                              "variant": "caption",
-                              "name": "followedUp"
-                            }
-                          ],
-                          "type": "data-grid",
-                          "itemActions": [
-                            {
-                              "event": "VIEW",
-                              "variant": "secondary",
-                              "label": "View"
-                            },
-                            {
-                              "variant": "secondary",
-                              "label": "Edit",
-                              "event": "EDIT"
-                            },
-                            {
-                              "event": "MARK_FOLLOWED_UP",
-                              "variant": "primary",
-                              "label": "Mark Followed Up"
-                            },
-                            {
-                              "event": "REQUEST_DELETE",
-                              "label": "Delete",
-                              "variant": "danger"
+                              "label": "Status",
+                              "variant": "badge"
                             }
-                          ],
-                          "cols": 1.0,
-                          "entity": "@payload.data"
+                          ]
                         }
-                      ],
-                      "gap": "md",
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
@@ -505,57 +435,214 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "alert",
                       "variant": "error",
-                      "message": "@payload.error",
-                      "type": "alert"
+                      "message": "@payload.error"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "loading",
-                "event": "REFRESH",
+                "from": "browsing",
+                "to": "viewing_single",
+                "event": "OPEN_SURVEY",
                 "effects": [
                   [
-                    "fetch",
-                    "NpsSurvey",
-                    {
-                      "emit": {
-                        "success": "NpsSurveyLoaded",
-                        "failure": "NpsSurveyLoadFailed"
-                      }
-                    }
+                    "set",
+                    "@entity.id",
+                    "@payload.row.id"
+                  ],
+                  [
+                    "set",
+                    "@entity.customerId",
+                    "@payload.row.customerId"
+                  ],
+                  [
+                    "set",
+                    "@entity.customerName",
+                    "@payload.row.customerName"
+                  ],
+                  [
+                    "set",
+                    "@entity.score",
+                    "@payload.row.score"
+                  ],
+                  [
+                    "set",
+                    "@entity.category",
+                    "@payload.row.category"
+                  ],
+                  [
+                    "set",
+                    "@entity.comment",
+                    "@payload.row.comment"
+                  ],
+                  [
+                    "set",
+                    "@entity.surveyedAt",
+                    "@payload.row.surveyedAt"
+                  ],
+                  [
+                    "set",
+                    "@entity.channel",
+                    "@payload.row.channel"
+                  ],
+                  [
+                    "set",
+                    "@entity.status",
+                    "@payload.row.status"
+                  ],
+                  [
+                    "set",
+                    "@entity.followedUp",
+                    "@payload.row.followedUp"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "className": "py-12",
-                      "align": "center",
-                      "gap": "md",
-                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "spinner"
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Back",
+                              "variant": "ghost",
+                              "action": "CLOSE_VIEW"
+                            },
+                            {
+                              "name": "message-square",
+                              "type": "icon"
+                            },
+                            {
+                              "content": "@entity.customerName",
+                              "variant": "h3",
+                              "type": "typography"
+                            },
+                            {
+                              "type": "badge",
+                              "variant": "primary",
+                              "label": "@entity.category"
+                            },
+                            {
+                              "type": "badge",
+                              "variant": "default",
+                              "label": "@entity.status"
+                            }
+                          ]
                         },
                         {
-                          "type": "typography",
-                          "content": "Refreshing NPS surveys…",
-                          "color": "muted",
-                          "variant": "caption"
+                          "type": "divider"
+                        },
+                        {
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Customer ID",
+                                  "type": "typography"
+                                },
+                                {
+                                  "content": "@entity.customerId",
+                                  "variant": "body",
+                                  "type": "typography"
+                                }
+                              ]
+                            },
+                            {
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "content": "Comment",
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted"
+                                },
+                                {
+                                  "variant": "body",
+                                  "content": "@entity.comment",
+                                  "type": "typography"
+                                }
+                              ]
+                            }
+                          ],
+                          "direction": "vertical",
+                          "type": "stack"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "children": [
+                            {
+                              "icon": "star",
+                              "value": "@entity.score",
+                              "type": "stat-display",
+                              "label": "Score"
+                            },
+                            {
+                              "type": "stat-display",
+                              "label": "Surveyed",
+                              "value": "@entity.surveyedAt",
+                              "icon": "calendar"
+                            },
+                            {
+                              "label": "Channel",
+                              "icon": "send",
+                              "type": "stat-display",
+                              "value": "@entity.channel"
+                            }
+                          ],
+                          "type": "simple-grid",
+                          "cols": 3.0
+                        },
+                        {
+                          "type": "stack",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "label": "Mark Followed Up",
+                              "type": "button",
+                              "variant": "primary",
+                              "action": "MARK_FOLLOWED_UP",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              }
+                            }
+                          ],
+                          "direction": "horizontal"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "browsing",
                 "to": "loading",
-                "event": "SEARCH",
+                "event": "MARK_FOLLOWED_UP",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "NpsSurvey",
@@ -570,38 +657,38 @@
                     "render-ui",
                     "main",
                     {
-                      "align": "center",
+                      "direction": "vertical",
+                      "gap": "md",
                       "className": "py-12",
+                      "type": "stack",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
                           "type": "typography",
                           "variant": "caption",
-                          "content": "Searching NPS surveys…"
+                          "content": "Marking survey followed up…",
+                          "color": "muted"
                         }
-                      ],
-                      "gap": "md",
-                      "type": "stack",
-                      "direction": "vertical"
+                      ]
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "FILTER_CATEGORY",
+                "event": "CLOSE_VIEW",
                 "effects": [
                   [
                     "fetch",
                     "NpsSurvey",
                     {
                       "emit": {
-                        "failure": "NpsSurveyLoadFailed",
-                        "success": "NpsSurveyLoaded"
+                        "success": "NpsSurveyLoaded",
+                        "failure": "NpsSurveyLoadFailed"
                       }
                     }
                   ],
@@ -609,31 +696,36 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
-                      "gap": "md",
-                      "className": "py-12",
-                      "type": "stack",
                       "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
-                          "content": "Filtering NPS surveys…",
+                          "variant": "caption",
                           "type": "typography",
-                          "variant": "caption"
+                          "color": "muted",
+                          "content": "Loading NPS surveys…"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "className": "py-12",
+                      "gap": "md",
+                      "direction": "vertical"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "FILTER_STATUS",
+                "event": "MARK_FOLLOWED_UP",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "NpsSurvey",
@@ -648,122 +740,22 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "gap": "md",
                       "align": "center",
+                      "direction": "vertical",
                       "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
                           "variant": "caption",
+                          "color": "muted",
                           "type": "typography",
-                          "content": "Filtering NPS surveys…"
+                          "content": "Marking survey followed up…"
                         }
                       ],
-                      "direction": "vertical"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "CREATE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "variant": "info",
-                      "message": "Sending new NPS survey",
-                      "type": "alert"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "VIEW",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "variant": "info",
-                      "message": "Viewing NPS survey",
-                      "type": "alert"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "EDIT",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "alert",
-                      "variant": "info",
-                      "message": "Editing NPS survey"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "MARK_FOLLOWED_UP",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "alert",
-                      "variant": "success",
-                      "message": "Marked as followed up"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "REQUEST_DELETE",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "message": "Delete requested",
-                      "variant": "warning",
-                      "type": "alert"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -778,8 +770,8 @@
                     "NpsSurvey",
                     {
                       "emit": {
-                        "failure": "NpsSurveyLoadFailed",
-                        "success": "NpsSurveyLoaded"
+                        "success": "NpsSurveyLoaded",
+                        "failure": "NpsSurveyLoadFailed"
                       }
                     }
                   ],
@@ -787,8 +779,8 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "spinner",
-                      "size": "sm"
+                      "size": "sm",
+                      "type": "spinner"
                     }
                   ]
                 ]
@@ -817,4 +809,4 @@
       ]
     }
   ]
-}
+}