@almadar/std 14.25.0 → 14.27.0

package/dist/behaviors/registry/app/atoms/std-offer-letter.orb

@@ -70,6 +70,57 @@
           "category": "interaction",
           "linkedEntity": "OfferLetter",
           "emits": [
+            {
+              "event": "OPEN_OFFER",
+              "payloadSchema": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "row.id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "row.applicantId",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "row.applicantName",
+                  "type": "string"
+                },
+                {
+                  "name": "row.position",
+                  "type": "string"
+                },
+                {
+                  "name": "row.salary",
+                  "type": "number"
+                },
+                {
+                  "name": "row.startDate",
+                  "type": "string"
+                },
+                {
+                  "name": "row.status",
+                  "type": "string"
+                },
+                {
+                  "name": "row.expiresAt",
+                  "type": "string"
+                },
+                {
+                  "name": "row.notes",
+                  "type": "string"
+                }
+              ]
+            },
+            {
+              "event": "CLOSE_VIEW"
+            },
             {
               "event": "SEND_OFFER",
               "payloadSchema": [
@@ -122,6 +173,9 @@
               {
                 "name": "browsing"
               },
+              {
+                "name": "viewing_single"
+              },
               {
                 "name": "error"
               }
@@ -156,13 +210,17 @@
                 ]
               },
               {
-                "key": "SEND_OFFER",
-                "name": "Send Offer",
+                "key": "OPEN_OFFER",
+                "name": "Open Offer",
                 "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
                     "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "OfferLetter"
                   }
                 ]
               },
@@ -176,6 +234,21 @@
                     "required": true
                   }
                 ]
+              },
+              {
+                "key": "CLOSE_VIEW",
+                "name": "Close View"
+              },
+              {
+                "key": "SEND_OFFER",
+                "name": "Send Offer",
+                "payloadSchema": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -198,22 +271,22 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "py-12",
-                      "type": "stack",
                       "direction": "vertical",
+                      "gap": "md",
+                      "align": "center",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "type": "typography",
-                          "content": "Loading offer letters…",
+                          "color": "muted",
                           "variant": "caption",
-                          "color": "muted"
+                          "content": "Loading offer letters…"
                         }
                       ],
-                      "gap": "md",
-                      "align": "center"
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -227,12 +300,9 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
                       "direction": "vertical",
                       "children": [
                         {
-                          "gap": "sm",
-                          "type": "stack",
                           "children": [
                             {
                               "name": "file-text",
@@ -244,23 +314,55 @@
                               "type": "typography"
                             }
                           ],
-                          "direction": "horizontal"
+                          "direction": "horizontal",
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm"
+                        },
+                        {
+                          "cols": 4.0,
+                          "type": "simple-grid",
+                          "children": [
+                            {
+                              "value": "@payload.data.length",
+                              "type": "stat-display",
+                              "icon": "file-text",
+                              "label": "Total offers"
+                            },
+                            {
+                              "icon": "send",
+                              "label": "Sent",
+                              "type": "stat-display",
+                              "value": "23"
+                            },
+                            {
+                              "value": "14",
+                              "icon": "check-circle",
+                              "label": "Accepted",
+                              "type": "stat-display"
+                            },
+                            {
+                              "icon": "trending-up",
+                              "label": "Acceptance rate",
+                              "type": "stat-display",
+                              "value": "61%"
+                            }
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "entity": "@payload.data",
                           "fields": [
                             {
-                              "label": "Applicant",
                               "variant": "caption",
-                              "name": "applicantName"
+                              "name": "applicantName",
+                              "label": "Applicant"
                             },
                             {
+                              "variant": "caption",
                               "label": "Position",
-                              "name": "position",
-                              "variant": "caption"
+                              "name": "position"
                             },
                             {
                               "label": "Salary",
@@ -268,34 +370,37 @@
                               "variant": "caption"
                             },
                             {
+                              "variant": "caption",
                               "name": "startDate",
-                              "label": "Start Date",
-                              "variant": "caption"
+                              "label": "Start Date"
                             },
                             {
-                              "variant": "badge",
                               "label": "Status",
-                              "name": "status"
+                              "name": "status",
+                              "variant": "badge"
                             }
                           ],
-                          "cols": 1.0,
                           "type": "data-grid",
+                          "entity": "@payload.data",
+                          "gap": "sm",
                           "itemActions": [
                             {
-                              "variant": "primary",
-                              "label": "Send",
-                              "event": "SEND_OFFER"
+                              "label": "Open",
+                              "event": "OPEN_OFFER",
+                              "icon": "arrow-right",
+                              "variant": "primary"
                             },
                             {
                               "label": "Revoke",
-                              "event": "REVOKE_OFFER",
-                              "variant": "danger"
+                              "variant": "danger",
+                              "event": "REVOKE_OFFER"
                             }
                           ],
-                          "gap": "sm"
+                          "cols": 1.0
                         }
                       ],
-                      "type": "stack"
+                      "type": "stack",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -310,15 +415,306 @@
                     "main",
                     {
                       "variant": "error",
-                      "message": "@payload.error",
-                      "type": "alert"
+                      "type": "alert",
+                      "message": "@payload.error"
                     }
                   ]
                 ]
               },
               {
                 "from": "browsing",
-                "to": "browsing",
+                "to": "viewing_single",
+                "event": "OPEN_OFFER",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.row.id"
+                  ],
+                  [
+                    "set",
+                    "@entity.applicantId",
+                    "@payload.row.applicantId"
+                  ],
+                  [
+                    "set",
+                    "@entity.applicantName",
+                    "@payload.row.applicantName"
+                  ],
+                  [
+                    "set",
+                    "@entity.position",
+                    "@payload.row.position"
+                  ],
+                  [
+                    "set",
+                    "@entity.salary",
+                    "@payload.row.salary"
+                  ],
+                  [
+                    "set",
+                    "@entity.startDate",
+                    "@payload.row.startDate"
+                  ],
+                  [
+                    "set",
+                    "@entity.status",
+                    "@payload.row.status"
+                  ],
+                  [
+                    "set",
+                    "@entity.expiresAt",
+                    "@payload.row.expiresAt"
+                  ],
+                  [
+                    "set",
+                    "@entity.notes",
+                    "@payload.row.notes"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "align": "center",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "action": "CLOSE_VIEW",
+                              "label": "Back",
+                              "variant": "ghost",
+                              "type": "button"
+                            },
+                            {
+                              "name": "file-text",
+                              "type": "icon"
+                            },
+                            {
+                              "variant": "h3",
+                              "content": "@entity.applicantName",
+                              "type": "typography"
+                            },
+                            {
+                              "type": "badge",
+                              "variant": "default",
+                              "label": "@entity.status"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "direction": "vertical",
+                          "gap": "sm",
+                          "type": "stack",
+                          "children": [
+                            {
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "color": "muted",
+                                  "variant": "caption",
+                                  "content": "Position"
+                                },
+                                {
+                                  "variant": "body",
+                                  "type": "typography",
+                                  "content": "@entity.position"
+                                }
+                              ],
+                              "type": "stack",
+                              "direction": "horizontal"
+                            },
+                            {
+                              "type": "stack",
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Applicant ID",
+                                  "type": "typography"
+                                },
+                                {
+                                  "content": "@entity.applicantId",
+                                  "variant": "body",
+                                  "type": "typography"
+                                }
+                              ]
+                            },
+                            {
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "type": "typography",
+                                  "color": "muted",
+                                  "content": "Notes"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": "@entity.notes"
+                                }
+                              ],
+                              "type": "stack"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "cols": 3.0,
+                          "type": "simple-grid",
+                          "children": [
+                            {
+                              "type": "stat-display",
+                              "icon": "dollar-sign",
+                              "value": "@entity.salary",
+                              "label": "Salary"
+                            },
+                            {
+                              "value": "@entity.startDate",
+                              "type": "stat-display",
+                              "icon": "calendar",
+                              "label": "Start date"
+                            },
+                            {
+                              "label": "Expires",
+                              "type": "stat-display",
+                              "icon": "calendar-x",
+                              "value": "@entity.expiresAt"
+                            }
+                          ]
+                        },
+                        {
+                          "gap": "sm",
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "action": "SEND_OFFER",
+                              "label": "Send Offer",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "type": "button",
+                              "variant": "primary"
+                            },
+                            {
+                              "label": "Revoke",
+                              "type": "button",
+                              "variant": "danger",
+                              "action": "REVOKE_OFFER",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              }
+                            }
+                          ],
+                          "type": "stack",
+                          "align": "center"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "type": "stack"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "loading",
+                "event": "REVOKE_OFFER",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "OfferLetter",
+                    {
+                      "emit": {
+                        "success": "OfferLetterLoaded",
+                        "failure": "OfferLetterLoadFailed"
+                      }
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Revoking offer…",
+                          "color": "muted",
+                          "type": "typography",
+                          "variant": "caption"
+                        }
+                      ],
+                      "className": "py-12",
+                      "align": "center",
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "CLOSE_VIEW",
+                "effects": [
+                  [
+                    "fetch",
+                    "OfferLetter",
+                    {
+                      "emit": {
+                        "success": "OfferLetterLoaded",
+                        "failure": "OfferLetterLoadFailed"
+                      }
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "gap": "md",
+                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "content": "Loading offer letters…",
+                          "type": "typography",
+                          "color": "muted"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "viewing_single",
+                "to": "loading",
                 "event": "SEND_OFFER",
                 "effects": [
                   [
@@ -326,20 +722,43 @@
                     "@entity.id",
                     "@payload.id"
                   ],
+                  [
+                    "fetch",
+                    "OfferLetter",
+                    {
+                      "emit": {
+                        "failure": "OfferLetterLoadFailed",
+                        "success": "OfferLetterLoaded"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "Offer sent",
-                      "type": "alert",
-                      "variant": "success"
+                      "direction": "vertical",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "color": "muted",
+                          "content": "Sending offer…"
+                        }
+                      ],
+                      "gap": "md",
+                      "align": "center",
+                      "type": "stack",
+                      "className": "py-12"
                     }
                   ]
                 ]
               },
               {
-                "from": "browsing",
-                "to": "browsing",
+                "from": "viewing_single",
+                "to": "loading",
                 "event": "REVOKE_OFFER",
                 "effects": [
                   [
@@ -347,13 +766,36 @@
                     "@entity.id",
                     "@payload.id"
                   ],
+                  [
+                    "fetch",
+                    "OfferLetter",
+                    {
+                      "emit": {
+                        "failure": "OfferLetterLoadFailed",
+                        "success": "OfferLetterLoaded"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "variant": "info",
-                      "message": "Offer revoked"
+                      "align": "center",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Revoking offer…",
+                          "color": "muted",
+                          "variant": "caption",
+                          "type": "typography"
+                        }
+                      ],
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -368,10 +810,18 @@
                     "OfferLetter",
                     {
                       "emit": {
-                        "failure": "OfferLetterLoadFailed",
-                        "success": "OfferLetterLoaded"
+                        "success": "OfferLetterLoaded",
+                        "failure": "OfferLetterLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "spinner",
+                      "size": "sm"
+                    }
                   ]
                 ]
               }
@@ -399,4 +849,4 @@
       ]
     }
   ]
-}
+}