@almadar/std 3.2.1 → 3.2.3

package/behaviors/exports/molecules/std-builder-game.orb

@@ -22,11 +22,36 @@
           {
             "name": "status",
             "type": "string",
-            "default": "active"
+            "default": "active",
+            "values": [
+              "active",
+              "inactive",
+              "pending"
+            ]
           },
           {
             "name": "createdAt",
             "type": "string"
+          },
+          {
+            "name": "score",
+            "type": "number",
+            "default": 0
+          },
+          {
+            "name": "level",
+            "type": "number",
+            "default": 1
+          }
+        ],
+        "instances": [
+          {
+            "id": "game-1",
+            "name": "Builder Session",
+            "description": "Active game session",
+            "status": "active",
+            "score": 0,
+            "level": 1
           }
         ]
       },
@@ -106,9 +131,29 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "builder-board",
-                      "entity": "BuilderGame",
-                      "completeEvent": "COMPLETE"
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "game-hud",
+                          "stats": [
+                            {
+                              "label": "Score",
+                              "value": "@entity.score"
+                            },
+                            {
+                              "label": "Level",
+                              "value": "@entity.level"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "builder-board",
+                          "entity": "BuilderGame",
+                          "completeEvent": "COMPLETE"
+                        }
+                      ]
                     }
                   ]
                 ]

package/behaviors/exports/molecules/std-cart.orb

@@ -23,11 +23,21 @@
           {
             "name": "status",
             "type": "string",
-            "default": "active"
+            "default": "active",
+            "values": [
+              "active",
+              "inactive",
+              "pending"
+            ]
           },
           {
             "name": "createdAt",
             "type": "string"
+          },
+          {
+            "name": "pendingId",
+            "type": "string",
+            "default": ""
           }
         ]
       },
@@ -36,6 +46,12 @@
           "name": "CartItemCartBrowse",
           "linkedEntity": "CartItem",
           "category": "interaction",
+          "listens": [
+            {
+              "event": "CONFIRM_REMOVE",
+              "triggers": "CONFIRM_REMOVE"
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -67,8 +83,8 @@
                 ]
               },
               {
-                "key": "REMOVE_ITEM",
-                "name": "Remove Item",
+                "key": "REQUEST_REMOVE",
+                "name": "Request Remove",
                 "payload": [
                   {
                     "name": "id",
@@ -77,6 +93,17 @@
                   }
                 ]
               },
+              {
+                "key": "CONFIRM_REMOVE",
+                "name": "Confirm Remove",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
               {
                 "key": "PROCEED_CHECKOUT",
                 "name": "Proceed to Checkout"
@@ -143,6 +170,42 @@
                         {
                           "type": "divider"
                         },
+                        {
+                          "type": "simple-grid",
+                          "columns": 3,
+                          "children": [
+                            {
+                              "type": "stat-display",
+                              "label": "Items",
+                              "value": [
+                                "array/len",
+                                "@entity"
+                              ],
+                              "icon": "package"
+                            },
+                            {
+                              "type": "stat-display",
+                              "label": "Subtotal",
+                              "value": [
+                                "array/len",
+                                "@entity"
+                              ],
+                              "icon": "dollar-sign"
+                            },
+                            {
+                              "type": "stat-display",
+                              "label": "Total",
+                              "value": [
+                                "array/len",
+                                "@entity"
+                              ],
+                              "icon": "receipt"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
                         {
                           "type": "data-grid",
                           "entity": "CartItem",
@@ -152,52 +215,28 @@
                           "itemActions": [
                             {
                               "label": "Remove",
-                              "event": "REMOVE_ITEM",
-                              "variant": "danger"
+                              "event": "REQUEST_REMOVE",
+                              "variant": "danger",
+                              "size": "sm"
                             }
                           ],
-                          "children": [
+                          "columns": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "justify": "space-between",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "sm",
-                                      "align": "center",
-                                      "children": [
-                                        {
-                                          "type": "icon",
-                                          "name": "shopping-cart",
-                                          "size": "sm"
-                                        },
-                                        {
-                                          "type": "typography",
-                                          "variant": "h4",
-                                          "content": "@entity.name"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "badge",
-                                      "label": "@entity.description"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "caption",
-                                  "content": "@entity.status"
-                                }
-                              ]
+                              "name": "name",
+                              "label": "Name",
+                              "variant": "h4",
+                              "icon": "shopping-cart"
+                            },
+                            {
+                              "name": "description",
+                              "label": "Description",
+                              "variant": "caption",
+                              "format": "currency"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "variant": "badge"
                             }
                           ]
                         },
@@ -227,21 +266,11 @@
               {
                 "from": "browsing",
                 "to": "browsing",
-                "event": "REMOVE_ITEM",
+                "event": "CONFIRM_REMOVE",
                 "effects": [
-                  [
-                    "persist",
-                    "delete",
-                    "CartItem",
-                    "@payload.id"
-                  ],
                   [
                     "fetch",
                     "CartItem"
-                  ],
-                  [
-                    "notify",
-                    "CartItem deleted successfully"
                   ]
                 ]
               },
@@ -291,52 +320,28 @@
                           "itemActions": [
                             {
                               "label": "Remove",
-                              "event": "REMOVE_ITEM",
-                              "variant": "danger"
+                              "event": "REQUEST_REMOVE",
+                              "variant": "danger",
+                              "size": "sm"
                             }
                           ],
-                          "children": [
+                          "columns": [
                             {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "justify": "space-between",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "sm",
-                                      "align": "center",
-                                      "children": [
-                                        {
-                                          "type": "icon",
-                                          "name": "shopping-cart",
-                                          "size": "sm"
-                                        },
-                                        {
-                                          "type": "typography",
-                                          "variant": "h4",
-                                          "content": "@entity.name"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "badge",
-                                      "label": "@entity.description"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "caption",
-                                  "content": "@entity.status"
-                                }
-                              ]
+                              "name": "name",
+                              "label": "Name",
+                              "variant": "h4",
+                              "icon": "shopping-cart"
+                            },
+                            {
+                              "name": "description",
+                              "label": "Description",
+                              "variant": "caption",
+                              "format": "currency"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "variant": "badge"
                             }
                           ]
                         },
@@ -522,8 +527,7 @@
                           "fields": [
                             "name",
                             "description",
-                            "status",
-                            "createdAt"
+                            "status"
                           ]
                         }
                       ]
@@ -540,6 +544,11 @@
                     "render-ui",
                     "modal",
                     null
+                  ],
+                  [
+                    "notify",
+                    "Cancelled",
+                    "info"
                   ]
                 ]
               },
@@ -571,6 +580,217 @@
               }
             ]
           }
+        },
+        {
+          "name": "CartItemRemoveConfirm",
+          "linkedEntity": "CartItem",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "CONFIRM_REMOVE"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "idle",
+                "isInitial": true
+              },
+              {
+                "name": "confirming"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "REQUEST_REMOVE",
+                "name": "Request Confirmation",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CONFIRM_REMOVE",
+                "name": "Confirm",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CANCEL",
+                "name": "Cancel"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "CartItem"
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "confirming",
+                "event": "REQUEST_REMOVE",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.pendingId",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "CartItem",
+                    "@payload.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "alert-triangle",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Remove Item",
+                              "variant": "h3"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "alert",
+                          "variant": "danger",
+                          "message": "Are you sure you want to remove this item from your cart?"
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Cancel",
+                              "event": "CANCEL",
+                              "variant": "ghost"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Remove",
+                              "event": "CONFIRM_REMOVE",
+                              "variant": "danger",
+                              "icon": "check"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CONFIRM_REMOVE",
+                "effects": [
+                  [
+                    "persist",
+                    "delete",
+                    "CartItem",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "CartItem"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "fetch",
+                    "CartItem"
+                  ],
+                  [
+                    "emit",
+                    "CONFIRM_REMOVE"
+                  ],
+                  [
+                    "notify",
+                    "CartItem deleted successfully"
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CANCEL",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "fetch",
+                    "CartItem"
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "fetch",
+                    "CartItem"
+                  ]
+                ]
+              }
+            ]
+          }
         }
       ],
       "pages": [
@@ -583,6 +803,9 @@
             },
             {
               "ref": "CartItemAddItem"
+            },
+            {
+              "ref": "CartItemRemoveConfirm"
             }
           ]
         }

package/behaviors/exports/molecules/std-classifier-game.orb

@@ -22,11 +22,36 @@
           {
             "name": "status",
             "type": "string",
-            "default": "active"
+            "default": "active",
+            "values": [
+              "active",
+              "inactive",
+              "pending"
+            ]
           },
           {
             "name": "createdAt",
             "type": "string"
+          },
+          {
+            "name": "score",
+            "type": "number",
+            "default": 0
+          },
+          {
+            "name": "level",
+            "type": "number",
+            "default": 1
+          }
+        ],
+        "instances": [
+          {
+            "id": "game-1",
+            "name": "Classifier Session",
+            "description": "Active game session",
+            "status": "active",
+            "score": 0,
+            "level": 1
           }
         ]
       },
@@ -106,9 +131,29 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "classifier-board",
-                      "entity": "ClassifierGame",
-                      "completeEvent": "COMPLETE"
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "game-hud",
+                          "stats": [
+                            {
+                              "label": "Score",
+                              "value": "@entity.score"
+                            },
+                            {
+                              "label": "Level",
+                              "value": "@entity.level"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "classifier-board",
+                          "entity": "ClassifierGame",
+                          "completeEvent": "COMPLETE"
+                        }
+                      ]
                     }
                   ]
                 ]