@almadar/std 14.24.0 → 14.26.0

package/behaviors/registry/app/atoms/std-recurring-charge.orb

@@ -629,8 +629,8 @@
                     "Subscription",
                     {
                       "emit": {
-                        "success": "SubscriptionLoaded",
-                        "failure": "SubscriptionLoadFailed"
+                        "failure": "SubscriptionLoadFailed",
+                        "success": "SubscriptionLoaded"
                       }
                     }
                   ],
@@ -638,19 +638,19 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
+                      "gap": "md",
                       "align": "center",
                       "className": "py-12",
-                      "gap": "md",
-                      "type": "stack",
                       "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
-                          "type": "typography",
                           "variant": "caption",
+                          "type": "typography",
+                          "color": "muted",
                           "content": "Loading subscriptions…"
                         }
                       ]
@@ -671,66 +671,158 @@
                       "type": "stack",
                       "children": [
                         {
-                          "direction": "horizontal",
-                          "type": "stack",
+                          "items": [
+                            {
+                              "href": "/billing",
+                              "label": "Billing"
+                            },
+                            {
+                              "href": "/plans",
+                              "label": "Plans"
+                            },
+                            {
+                              "label": "@config.title"
+                            }
+                          ],
+                          "type": "breadcrumb"
+                        },
+                        {
                           "children": [
                             {
                               "name": "repeat",
                               "type": "icon"
                             },
                             {
+                              "variant": "h3",
                               "type": "typography",
-                              "content": "@config.title",
-                              "variant": "h3"
+                              "content": "@config.title"
                             }
                           ],
-                          "gap": "sm"
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "entity": "@payload.data",
-                          "cols": 1.0,
+                          "type": "pricing-grid",
+                          "plans": [
+                            {
+                              "name": "Starter",
+                              "description": "For solo accounts getting started",
+                              "features": [
+                                "Ten thousand events",
+                                "Email support",
+                                "One seat"
+                              ],
+                              "action": {
+                                "label": "Choose Starter",
+                                "href": "#"
+                              },
+                              "price": "$9"
+                            },
+                            {
+                              "description": "For growing teams who need headroom",
+                              "name": "Team",
+                              "features": [
+                                "Hundred thousand events",
+                                "Priority support",
+                                "Ten seats"
+                              ],
+                              "action": {
+                                "label": "Choose Team",
+                                "href": "#"
+                              },
+                              "price": "$29",
+                              "highlighted": true
+                            },
+                            {
+                              "name": "Scale",
+                              "features": [
+                                "One million events",
+                                "Round the clock support",
+                                "Unlimited seats"
+                              ],
+                              "action": {
+                                "label": "Choose Scale",
+                                "href": "#"
+                              },
+                              "description": "High-volume usage with SLA",
+                              "price": "$99"
+                            }
+                          ]
+                        },
+                        {
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "align": "center",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "max": 100.0,
+                              "variant": "linear",
+                              "type": "meter",
+                              "showValue": true,
+                              "label": "Usage this period",
+                              "min": 0.0,
+                              "unit": "%",
+                              "value": 68.0
+                            },
+                            {
+                              "variant": "segmented",
+                              "value": 4.0,
+                              "segments": 4.0,
+                              "max": 4.0,
+                              "label": "Retries",
+                              "type": "meter",
+                              "showValue": true,
+                              "min": 0.0
+                            }
+                          ]
+                        },
+                        {
                           "itemActions": [
                             {
                               "variant": "primary",
                               "icon": "credit-card",
-                              "event": "CHARGE",
-                              "label": "Charge"
+                              "label": "Charge",
+                              "event": "CHARGE"
                             },
                             {
                               "icon": "calculator",
+                              "event": "PRORATE",
                               "label": "Prorate",
-                              "variant": "secondary",
-                              "event": "PRORATE"
+                              "variant": "secondary"
                             },
                             {
                               "label": "Cancel",
-                              "icon": "x",
                               "variant": "danger",
+                              "icon": "x",
                               "event": "CANCEL"
                             }
                           ],
+                          "entity": "@payload.data",
+                          "type": "data-grid",
                           "fields": [
                             {
-                              "variant": "caption",
                               "name": "customerId",
-                              "label": "Customer"
+                              "label": "Customer",
+                              "variant": "caption"
                             },
                             {
+                              "label": "Plan",
                               "variant": "caption",
-                              "name": "planId",
-                              "label": "Plan"
+                              "name": "planId"
                             },
                             {
-                              "label": "Status",
+                              "variant": "badge",
                               "name": "status",
-                              "variant": "badge"
+                              "label": "Status"
                             },
                             {
-                              "label": "Amount",
                               "variant": "caption",
+                              "label": "Amount",
                               "name": "amount"
                             },
                             {
@@ -739,23 +831,23 @@
                               "label": "Currency"
                             },
                             {
+                              "name": "interval",
                               "label": "Interval",
-                              "variant": "badge",
-                              "name": "interval"
+                              "variant": "badge"
                             },
                             {
-                              "name": "nextBillingAt",
                               "variant": "caption",
-                              "label": "Next Bill"
+                              "label": "Next Bill",
+                              "name": "nextBillingAt"
                             },
                             {
-                              "name": "attemptCount",
                               "label": "Retries",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "name": "attemptCount"
                             }
                           ],
-                          "gap": "sm",
-                          "type": "data-grid"
+                          "cols": 1.0,
+                          "gap": "sm"
                         }
                       ],
                       "direction": "vertical"
@@ -772,8 +864,8 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "error",
                       "message": "@payload.error",
+                      "variant": "error",
                       "type": "alert"
                     }
                   ]
@@ -859,14 +951,14 @@
                     "stripe-charge",
                     "charge",
                     {
+                      "subscriptionId": "@payload.subscriptionId",
                       "amount": "@entity.amount",
-                      "currency": "@entity.currency",
-                      "subscriptionId": "@payload.subscriptionId"
+                      "currency": "@entity.currency"
                     },
                     {
                       "emit": {
-                        "failure": "ChargeFailed",
-                        "success": "ChargeSucceeded"
+                        "success": "ChargeSucceeded",
+                        "failure": "ChargeFailed"
                       }
                     }
                   ],
@@ -874,22 +966,22 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
                       "align": "center",
-                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
-                          "variant": "caption",
+                          "content": "Charging subscription…",
                           "type": "typography",
-                          "content": "Charging subscription…"
+                          "variant": "caption",
+                          "color": "muted"
                         }
                       ],
                       "type": "stack",
-                      "gap": "md"
+                      "className": "py-12",
+                      "gap": "md",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -988,8 +1080,8 @@
                     "@entity",
                     {
                       "emit": {
-                        "failure": "ChargeFailed",
-                        "success": "SubscriptionUpdated"
+                        "success": "SubscriptionUpdated",
+                        "failure": "ChargeFailed"
                       }
                     }
                   ]
@@ -1077,8 +1169,8 @@
                     "@entity",
                     {
                       "emit": {
-                        "failure": "ChargeFailed",
-                        "success": "SubscriptionUpdated"
+                        "success": "SubscriptionUpdated",
+                        "failure": "ChargeFailed"
                       }
                     }
                   ]
@@ -1093,9 +1185,9 @@
                     "render-ui",
                     "main",
                     {
-                      "message": "Subscription updated",
+                      "type": "alert",
                       "variant": "success",
-                      "type": "alert"
+                      "message": "Subscription updated"
                     }
                   ]
                 ]
@@ -1182,8 +1274,8 @@
                     "@entity",
                     {
                       "emit": {
-                        "success": "SubscriptionUpdated",
-                        "failure": "ChargeFailed"
+                        "failure": "ChargeFailed",
+                        "success": "SubscriptionUpdated"
                       }
                     }
                   ],
@@ -1220,8 +1312,8 @@
                     "@entity",
                     {
                       "emit": {
-                        "success": "SubscriptionUpdated",
-                        "failure": "ChargeFailed"
+                        "failure": "ChargeFailed",
+                        "success": "SubscriptionUpdated"
                       }
                     }
                   ],
@@ -1229,9 +1321,9 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "error",
                       "type": "alert",
-                      "message": "@payload.error"
+                      "message": "@payload.error",
+                      "variant": "error"
                     }
                   ]
                 ]
@@ -1246,8 +1338,8 @@
                     "Subscription",
                     {
                       "emit": {
-                        "failure": "SubscriptionLoadFailed",
-                        "success": "SubscriptionLoaded"
+                        "success": "SubscriptionLoaded",
+                        "failure": "SubscriptionLoadFailed"
                       }
                     }
                   ],
@@ -1255,8 +1347,8 @@
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "type": "spinner",
+                      "size": "sm"
                     }
                   ]
                 ]