@almadar/std 14.7.0 → 14.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/behaviors/registry/app/organisms/std-ecommerce.orb +682 -670
  2. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +682 -670
  3. package/package.json +1 -1
package/behaviors/registry/app/organisms/std-ecommerce.orb CHANGED
@@ -70,24 +70,24 @@
70
70
  "name": "ProductAppLayout",
71
71
  "config": {
72
72
  "contentTrait": "@trait.ProductCatalog",
73
- "searchEvent": "PRODUCT_SEARCH",
74
73
  "notifications": [],
75
- "appName": "EcommerceApp",
74
+ "searchEvent": "PRODUCT_SEARCH",
76
75
  "notificationClickEvent": "PRODUCT_NOTIFICATIONS_OPEN",
76
+ "appName": "EcommerceApp",
77
77
  "navItems": [
78
78
  {
79
+ "label": "Products",
79
80
  "href": "/products",
80
- "icon": "package",
81
- "label": "Products"
81
+ "icon": "package"
82
82
  },
83
83
  {
84
- "label": "Cart",
85
84
  "href": "/cart",
86
- "icon": "shopping-cart"
85
+ "icon": "shopping-cart",
86
+ "label": "Cart"
87
87
  },
88
88
  {
89
- "href": "/checkout",
90
89
  "label": "Checkout",
90
+ "href": "/checkout",
91
91
  "icon": "credit-card"
92
92
  },
93
93
  {
@@ -98,15 +98,15 @@
98
98
  ],
99
99
  "topBarActions": [
100
100
  {
101
- "icon": "shopping-cart",
102
101
  "event": "CART_OPEN",
102
+ "icon": "shopping-cart",
103
103
  "label": "Cart"
104
104
  }
105
105
  ]
106
106
  },
107
107
  "events": {
108
- "NOTIFY_CLICK": "PRODUCT_NOTIFICATIONS_OPEN",
109
- "SEARCH": "PRODUCT_SEARCH"
108
+ "SEARCH": "PRODUCT_SEARCH",
109
+ "NOTIFY_CLICK": "PRODUCT_NOTIFICATIONS_OPEN"
110
110
  }
111
111
  },
112
112
  {
@@ -189,18 +189,20 @@
189
189
  "render-ui",
190
190
  "main",
191
191
  {
192
- "gap": "lg",
192
+ "direction": "vertical",
193
+ "type": "stack",
193
194
  "children": [
194
195
  {
195
- "align": "center",
196
- "gap": "md",
197
196
  "type": "stack",
197
+ "gap": "md",
198
+ "justify": "between",
198
199
  "children": [
199
200
  {
201
+ "align": "center",
200
202
  "children": [
201
203
  {
202
- "type": "icon",
203
- "name": "package"
204
+ "name": "package",
205
+ "type": "icon"
204
206
  },
205
207
  {
206
208
  "content": "Products",
@@ -208,36 +210,34 @@
208
210
  "variant": "h2"
209
211
  }
210
212
  ],
211
- "align": "center",
212
213
  "direction": "horizontal",
213
- "type": "stack",
214
- "gap": "sm"
214
+ "gap": "sm",
215
+ "type": "stack"
215
216
  },
216
217
  {
218
+ "type": "stack",
217
219
  "gap": "sm",
220
+ "direction": "horizontal",
218
221
  "children": [
219
222
  {
223
+ "icon": "plus",
220
224
  "type": "button",
221
225
  "label": "Create Product",
222
- "variant": "primary",
223
- "icon": "plus",
224
- "action": "CREATE"
226
+ "action": "CREATE",
227
+ "variant": "primary"
225
228
  }
226
- ],
227
- "type": "stack",
228
- "direction": "horizontal"
229
+ ]
229
230
  }
230
231
  ],
231
232
  "direction": "horizontal",
232
- "justify": "between"
233
+ "align": "center"
233
234
  },
234
235
  {
235
236
  "type": "divider"
236
237
  },
237
238
  "@trait.ProductBrowseList"
238
239
  ],
239
- "direction": "vertical",
240
- "type": "stack"
240
+ "gap": "lg"
241
241
  }
242
242
  ]
243
243
  ]
@@ -256,6 +256,9 @@
256
256
  "render-ui",
257
257
  "main",
258
258
  {
259
+ "direction": "vertical",
260
+ "align": "center",
261
+ "type": "stack",
259
262
  "className": "py-8",
260
263
  "children": [
261
264
  {
@@ -263,27 +266,24 @@
263
266
  "name": "bell"
264
267
  },
265
268
  {
266
- "content": "No notifications",
269
+ "variant": "h3",
267
270
  "type": "typography",
268
- "variant": "h3"
271
+ "content": "No notifications"
269
272
  },
270
273
  {
271
274
  "type": "typography",
272
- "content": "You're all caught up.",
273
275
  "variant": "caption",
274
- "color": "muted"
276
+ "color": "muted",
277
+ "content": "You're all caught up."
275
278
  },
276
279
  {
277
- "label": "Back to products",
278
- "action": "INIT",
280
+ "variant": "ghost",
279
281
  "type": "button",
280
- "variant": "ghost"
282
+ "label": "Back to products",
283
+ "action": "INIT"
281
284
  }
282
285
  ],
283
- "gap": "md",
284
- "type": "stack",
285
- "direction": "vertical",
286
- "align": "center"
286
+ "gap": "md"
287
287
  }
288
288
  ]
289
289
  ]
@@ -297,52 +297,52 @@
297
297
  "name": "ProductBrowseList",
298
298
  "linkedEntity": "Product",
299
299
  "config": {
300
- "imageField": "imageUrl",
300
+ "itemActions": [
301
+ {
302
+ "label": "View",
303
+ "event": "VIEW",
304
+ "variant": "ghost"
305
+ },
306
+ {
307
+ "event": "EDIT",
308
+ "label": "Edit",
309
+ "variant": "ghost"
310
+ },
311
+ {
312
+ "event": "DELETE",
313
+ "variant": "danger",
314
+ "label": "Delete"
315
+ }
316
+ ],
317
+ "cols": 3.0,
301
318
  "fields": [
302
319
  {
320
+ "icon": "package",
303
321
  "name": "name",
304
- "variant": "h3",
305
- "icon": "package"
322
+ "variant": "h3"
306
323
  },
307
324
  {
308
- "name": "category",
309
- "variant": "badge"
325
+ "variant": "badge",
326
+ "name": "category"
310
327
  },
311
328
  {
312
- "variant": "h4",
329
+ "format": "currency",
313
330
  "name": "price",
314
- "format": "currency"
331
+ "variant": "h4"
315
332
  },
316
333
  {
317
334
  "name": "sku",
318
335
  "variant": "caption"
319
336
  },
320
337
  {
321
- "format": "boolean",
322
- "name": "inStock",
323
338
  "variant": "body",
339
+ "name": "inStock",
340
+ "format": "boolean",
324
341
  "label": "In Stock"
325
342
  }
326
343
  ],
327
- "cols": 3.0,
328
- "gap": "md",
329
- "itemActions": [
330
- {
331
- "label": "View",
332
- "event": "VIEW",
333
- "variant": "ghost"
334
- },
335
- {
336
- "variant": "ghost",
337
- "event": "EDIT",
338
- "label": "Edit"
339
- },
340
- {
341
- "label": "Delete",
342
- "event": "DELETE",
343
- "variant": "danger"
344
- }
345
- ]
344
+ "imageField": "imageUrl",
345
+ "gap": "md"
346
346
  },
347
347
  "listens": [
348
348
  {
@@ -562,8 +562,8 @@
562
562
  "Product",
563
563
  {
564
564
  "emit": {
565
- "success": "ProductLoaded",
566
- "failure": "ProductLoadFailed"
565
+ "failure": "ProductLoadFailed",
566
+ "success": "ProductLoaded"
567
567
  }
568
568
  }
569
569
  ],
@@ -571,29 +571,31 @@
571
571
  "render-ui",
572
572
  "modal",
573
573
  {
574
- "direction": "vertical",
575
574
  "children": [
576
575
  {
577
- "gap": "sm",
578
- "direction": "horizontal",
579
576
  "type": "stack",
580
577
  "children": [
581
578
  {
582
- "name": "plus-circle",
583
- "type": "icon"
579
+ "type": "icon",
580
+ "name": "plus-circle"
584
581
  },
585
582
  {
586
583
  "type": "typography",
587
- "variant": "h3",
588
- "content": "Create Product"
584
+ "content": "Create Product",
585
+ "variant": "h3"
589
586
  }
590
- ]
587
+ ],
588
+ "direction": "horizontal",
589
+ "gap": "sm"
591
590
  },
592
591
  {
593
592
  "type": "divider"
594
593
  },
595
594
  {
595
+ "mode": "create",
596
+ "submitEvent": "SAVE",
596
597
  "cancelEvent": "CLOSE",
598
+ "type": "form-section",
597
599
  "fields": [
598
600
  "name",
599
601
  "description",
@@ -601,14 +603,12 @@
601
603
  "category",
602
604
  "sku",
603
605
  "inStock"
604
- ],
605
- "mode": "create",
606
- "type": "form-section",
607
- "submitEvent": "SAVE"
606
+ ]
608
607
  }
609
608
  ],
609
+ "type": "stack",
610
610
  "gap": "md",
611
- "type": "stack"
611
+ "direction": "vertical"
612
612
  }
613
613
  ]
614
614
  ]
@@ -869,8 +869,8 @@
869
869
  "Product",
870
870
  {
871
871
  "emit": {
872
- "failure": "ProductLoadFailed",
873
- "success": "ProductLoaded"
872
+ "success": "ProductLoaded",
873
+ "failure": "ProductLoadFailed"
874
874
  }
875
875
  }
876
876
  ]
@@ -885,30 +885,30 @@
885
885
  "fetch",
886
886
  "Product",
887
887
  {
888
+ "id": "@payload.id",
888
889
  "emit": {
889
890
  "failure": "ProductLoadFailed",
890
891
  "success": "ProductLoaded"
891
- },
892
- "id": "@payload.id"
892
+ }
893
893
  }
894
894
  ],
895
895
  [
896
896
  "render-ui",
897
897
  "modal",
898
898
  {
899
- "type": "stack",
900
899
  "direction": "vertical",
900
+ "type": "stack",
901
901
  "children": [
902
902
  {
903
903
  "children": [
904
904
  {
905
- "name": "edit",
906
- "type": "icon"
905
+ "type": "icon",
906
+ "name": "edit"
907
907
  },
908
908
  {
909
- "type": "typography",
909
+ "content": "Edit Product",
910
910
  "variant": "h3",
911
- "content": "Edit Product"
911
+ "type": "typography"
912
912
  }
913
913
  ],
914
914
  "type": "stack",
@@ -929,9 +929,9 @@
929
929
  "sku",
930
930
  "inStock"
931
931
  ],
932
- "entity": "@payload.row",
932
+ "mode": "edit",
933
933
  "cancelEvent": "CLOSE",
934
- "mode": "edit"
934
+ "entity": "@payload.row"
935
935
  }
936
936
  ],
937
937
  "gap": "md"
@@ -975,8 +975,8 @@
975
975
  "@payload.data",
976
976
  {
977
977
  "emit": {
978
- "failure": "ProductUpdateFailed",
979
- "success": "ProductUpdated"
978
+ "success": "ProductUpdated",
979
+ "failure": "ProductUpdateFailed"
980
980
  }
981
981
  }
982
982
  ],
@@ -1181,8 +1181,8 @@
1181
1181
  "Product",
1182
1182
  {
1183
1183
  "emit": {
1184
- "failure": "ProductLoadFailed",
1185
- "success": "ProductLoaded"
1184
+ "success": "ProductLoaded",
1185
+ "failure": "ProductLoadFailed"
1186
1186
  },
1187
1187
  "id": "@payload.id"
1188
1188
  }
@@ -1191,8 +1191,14 @@
1191
1191
  "render-ui",
1192
1192
  "modal",
1193
1193
  {
1194
+ "direction": "vertical",
1195
+ "gap": "md",
1196
+ "type": "stack",
1194
1197
  "children": [
1195
1198
  {
1199
+ "direction": "horizontal",
1200
+ "type": "stack",
1201
+ "gap": "sm",
1196
1202
  "children": [
1197
1203
  {
1198
1204
  "type": "icon",
@@ -1204,18 +1210,13 @@
1204
1210
  "type": "typography"
1205
1211
  }
1206
1212
  ],
1207
- "type": "stack",
1208
- "gap": "sm",
1209
- "align": "center",
1210
- "direction": "horizontal"
1213
+ "align": "center"
1211
1214
  },
1212
1215
  {
1213
1216
  "type": "divider"
1214
1217
  },
1215
1218
  {
1216
1219
  "type": "stack",
1217
- "gap": "md",
1218
- "direction": "horizontal",
1219
1220
  "children": [
1220
1221
  {
1221
1222
  "variant": "caption",
@@ -1223,14 +1224,15 @@
1223
1224
  "type": "typography"
1224
1225
  },
1225
1226
  {
1226
- "type": "typography",
1227
1227
  "variant": "body",
1228
- "content": "@entity.name"
1228
+ "content": "@entity.name",
1229
+ "type": "typography"
1229
1230
  }
1230
- ]
1231
+ ],
1232
+ "direction": "horizontal",
1233
+ "gap": "md"
1231
1234
  },
1232
1235
  {
1233
- "direction": "horizontal",
1234
1236
  "children": [
1235
1237
  {
1236
1238
  "variant": "caption",
@@ -1238,78 +1240,79 @@
1238
1240
  "type": "typography"
1239
1241
  },
1240
1242
  {
1243
+ "variant": "body",
1241
1244
  "content": "@entity.description",
1242
- "type": "typography",
1243
- "variant": "body"
1245
+ "type": "typography"
1244
1246
  }
1245
1247
  ],
1246
- "type": "stack",
1247
- "gap": "md"
1248
+ "direction": "horizontal",
1249
+ "gap": "md",
1250
+ "type": "stack"
1248
1251
  },
1249
1252
  {
1253
+ "gap": "md",
1254
+ "type": "stack",
1250
1255
  "children": [
1251
1256
  {
1252
1257
  "type": "typography",
1253
- "variant": "caption",
1254
- "content": "Price"
1258
+ "content": "Price",
1259
+ "variant": "caption"
1255
1260
  },
1256
1261
  {
1257
- "variant": "body",
1258
1262
  "content": "@entity.price",
1259
- "type": "typography"
1263
+ "type": "typography",
1264
+ "variant": "body"
1260
1265
  }
1261
1266
  ],
1262
- "type": "stack",
1263
- "direction": "horizontal",
1264
- "gap": "md"
1267
+ "direction": "horizontal"
1265
1268
  },
1266
1269
  {
1267
1270
  "type": "stack",
1268
1271
  "direction": "horizontal",
1269
1272
  "children": [
1270
1273
  {
1271
- "type": "typography",
1274
+ "variant": "caption",
1272
1275
  "content": "Category",
1273
- "variant": "caption"
1276
+ "type": "typography"
1274
1277
  },
1275
1278
  {
1276
1279
  "variant": "body",
1277
- "type": "typography",
1278
- "content": "@entity.category"
1280
+ "content": "@entity.category",
1281
+ "type": "typography"
1279
1282
  }
1280
1283
  ],
1281
1284
  "gap": "md"
1282
1285
  },
1283
1286
  {
1287
+ "direction": "horizontal",
1288
+ "gap": "md",
1289
+ "type": "stack",
1284
1290
  "children": [
1285
1291
  {
1286
- "variant": "caption",
1292
+ "type": "typography",
1287
1293
  "content": "Sku",
1288
- "type": "typography"
1294
+ "variant": "caption"
1289
1295
  },
1290
1296
  {
1291
- "variant": "body",
1292
1297
  "type": "typography",
1298
+ "variant": "body",
1293
1299
  "content": "@entity.sku"
1294
1300
  }
1295
- ],
1296
- "type": "stack",
1297
- "gap": "md",
1298
- "direction": "horizontal"
1301
+ ]
1299
1302
  },
1300
1303
  {
1301
- "type": "stack",
1302
1304
  "direction": "horizontal",
1303
1305
  "gap": "md",
1306
+ "type": "stack",
1304
1307
  "children": [
1305
1308
  {
1306
- "variant": "caption",
1309
+ "content": "In Stock",
1307
1310
  "type": "typography",
1308
- "content": "In Stock"
1311
+ "variant": "caption"
1309
1312
  },
1310
1313
  {
1311
- "type": "typography",
1312
1314
  "content": "@entity.inStock",
1315
+ "type": "typography",
1313
1316
  "variant": "body"
1314
1317
  }
1315
1318
  ]
@@ -1318,30 +1321,27 @@
1318
1321
  "type": "divider"
1319
1322
  },
1320
1323
  {
1321
- "direction": "horizontal",
1322
- "justify": "end",
1323
1324
  "type": "stack",
1324
- "gap": "sm",
1325
1325
  "children": [
1326
1326
  {
1327
- "variant": "primary",
1328
- "icon": "edit",
1329
- "action": "EDIT",
1327
+ "label": "Edit",
1330
1328
  "type": "button",
1331
- "label": "Edit"
1329
+ "icon": "edit",
1330
+ "variant": "primary",
1331
+ "action": "EDIT"
1332
1332
  },
1333
1333
  {
1334
- "variant": "ghost",
1335
- "type": "button",
1336
1334
  "action": "CLOSE",
1337
- "label": "Close"
1335
+ "type": "button",
1336
+ "label": "Close",
1337
+ "variant": "ghost"
1338
1338
  }
1339
- ]
1339
+ ],
1340
+ "direction": "horizontal",
1341
+ "gap": "sm",
1342
+ "justify": "end"
1340
1343
  }
1341
- ],
1342
- "gap": "md",
1343
- "type": "stack",
1344
- "direction": "vertical"
1344
+ ]
1345
1345
  }
1346
1346
  ]
1347
1347
  ]
@@ -1571,8 +1571,8 @@
1571
1571
  "Product",
1572
1572
  {
1573
1573
  "emit": {
1574
- "failure": "ProductLoadFailed",
1575
- "success": "ProductLoaded"
1574
+ "success": "ProductLoaded",
1575
+ "failure": "ProductLoadFailed"
1576
1576
  }
1577
1577
  }
1578
1578
  ]
@@ -1603,8 +1603,10 @@
1603
1603
  "render-ui",
1604
1604
  "modal",
1605
1605
  {
1606
+ "gap": "md",
1606
1607
  "children": [
1607
1608
  {
1609
+ "type": "stack",
1608
1610
  "direction": "horizontal",
1609
1611
  "align": "center",
1610
1612
  "children": [
@@ -1618,7 +1620,6 @@
1618
1620
  "variant": "h3"
1619
1621
  }
1620
1622
  ],
1621
- "type": "stack",
1622
1623
  "gap": "sm"
1623
1624
  },
1624
1625
  {
@@ -1626,32 +1627,31 @@
1626
1627
  },
1627
1628
  {
1628
1629
  "variant": "error",
1629
- "message": "This action cannot be undone.",
1630
- "type": "alert"
1630
+ "type": "alert",
1631
+ "message": "This action cannot be undone."
1631
1632
  },
1632
1633
  {
1633
- "type": "stack",
1634
- "direction": "horizontal",
1635
1634
  "gap": "sm",
1635
+ "justify": "end",
1636
1636
  "children": [
1637
1637
  {
1638
- "label": "Cancel",
1639
- "type": "button",
1640
1638
  "action": "CANCEL",
1641
- "variant": "ghost"
1639
+ "label": "Cancel",
1640
+ "variant": "ghost",
1641
+ "type": "button"
1642
1642
  },
1643
1643
  {
1644
- "type": "button",
1645
1644
  "label": "Delete",
1646
- "variant": "danger",
1647
1645
  "action": "CONFIRM_DELETE",
1646
+ "variant": "danger",
1647
+ "type": "button",
1648
1648
  "icon": "check"
1649
1649
  }
1650
1650
  ],
1651
- "justify": "end"
1651
+ "type": "stack",
1652
+ "direction": "horizontal"
1652
1653
  }
1653
1654
  ],
1654
- "gap": "md",
1655
1655
  "direction": "vertical",
1656
1656
  "type": "stack"
1657
1657
  }
@@ -1725,8 +1725,8 @@
1725
1725
  "Product",
1726
1726
  {
1727
1727
  "emit": {
1728
- "success": "ProductLoaded",
1729
- "failure": "ProductLoadFailed"
1728
+ "failure": "ProductLoadFailed",
1729
+ "success": "ProductLoaded"
1730
1730
  }
1731
1731
  }
1732
1732
  ]
@@ -1754,8 +1754,8 @@
1754
1754
  "Product",
1755
1755
  {
1756
1756
  "emit": {
1757
- "success": "ProductLoaded",
1758
- "failure": "ProductLoadFailed"
1757
+ "failure": "ProductLoadFailed",
1758
+ "success": "ProductLoaded"
1759
1759
  }
1760
1760
  }
1761
1761
  ]
@@ -1993,8 +1993,8 @@
1993
1993
  "CartItem",
1994
1994
  {
1995
1995
  "emit": {
1996
- "failure": "CartItemLoadFailed",
1997
- "success": "CartItemLoaded"
1996
+ "success": "CartItemLoaded",
1997
+ "failure": "CartItemLoadFailed"
1998
1998
  }
1999
1999
  }
2000
2000
  ],
@@ -2002,22 +2002,22 @@
2002
2002
  "render-ui",
2003
2003
  "main",
2004
2004
  {
2005
- "align": "center",
2006
- "gap": "md",
2007
2005
  "children": [
2008
2006
  {
2009
2007
  "type": "spinner"
2010
2008
  },
2011
2009
  {
2012
- "color": "muted",
2010
+ "type": "typography",
2013
2011
  "variant": "caption",
2014
- "content": "Loading…",
2015
- "type": "typography"
2012
+ "color": "muted",
2013
+ "content": "Loading…"
2016
2014
  }
2017
2015
  ],
2018
2016
  "className": "py-12",
2017
+ "gap": "md",
2018
+ "direction": "vertical",
2019
2019
  "type": "stack",
2020
- "direction": "vertical"
2020
+ "align": "center"
2021
2021
  }
2022
2022
  ]
2023
2023
  ]
@@ -2033,134 +2033,134 @@
2033
2033
  {
2034
2034
  "navItems": [
2035
2035
  {
2036
- "icon": "package",
2037
2036
  "label": "Products",
2038
- "href": "/products"
2037
+ "href": "/products",
2038
+ "icon": "package"
2039
2039
  },
2040
2040
  {
2041
2041
  "label": "Cart",
2042
- "icon": "shopping-cart",
2043
- "href": "/cart"
2042
+ "href": "/cart",
2043
+ "icon": "shopping-cart"
2044
2044
  },
2045
2045
  {
2046
- "href": "/checkout",
2046
+ "label": "Checkout",
2047
2047
  "icon": "credit-card",
2048
- "label": "Checkout"
2048
+ "href": "/checkout"
2049
2049
  },
2050
2050
  {
2051
- "icon": "clipboard-list",
2052
2051
  "label": "Orders",
2053
- "href": "/orders"
2052
+ "href": "/orders",
2053
+ "icon": "clipboard-list"
2054
2054
  }
2055
2055
  ],
2056
- "type": "dashboard-layout",
2057
2056
  "children": [
2058
2057
  {
2059
- "direction": "vertical",
2058
+ "type": "stack",
2060
2059
  "gap": "lg",
2061
2060
  "children": [
2062
2061
  {
2063
- "justify": "between",
2064
2062
  "type": "stack",
2063
+ "justify": "between",
2064
+ "direction": "horizontal",
2065
+ "gap": "md",
2065
2066
  "children": [
2066
2067
  {
2067
2068
  "type": "stack",
2068
- "gap": "md",
2069
2069
  "direction": "horizontal",
2070
+ "gap": "md",
2070
2071
  "children": [
2071
2072
  {
2072
- "type": "icon",
2073
- "name": "shopping-cart"
2073
+ "name": "shopping-cart",
2074
+ "type": "icon"
2074
2075
  },
2075
2076
  {
2076
- "content": "Shopping Cart",
2077
2077
  "type": "typography",
2078
+ "content": "Shopping Cart",
2078
2079
  "variant": "h2"
2079
2080
  }
2080
2081
  ]
2081
2082
  },
2082
2083
  {
2083
- "icon": "plus",
2084
+ "variant": "primary",
2085
+ "label": "Add Item",
2084
2086
  "action": "ADD_ITEM",
2085
2087
  "type": "button",
2086
- "label": "Add Item",
2087
- "variant": "primary"
2088
+ "icon": "plus"
2088
2089
  }
2089
- ],
2090
- "direction": "horizontal",
2091
- "gap": "md"
2090
+ ]
2092
2091
  },
2093
2092
  {
2094
2093
  "type": "divider"
2095
2094
  },
2096
2095
  {
2097
2096
  "cols": 3.0,
2097
+ "type": "simple-grid",
2098
2098
  "children": [
2099
2099
  {
2100
- "label": "Items",
2101
2100
  "icon": "package",
2101
+ "value": "@payload.data.length",
2102
2102
  "type": "stat-display",
2103
- "value": "@payload.data.length"
2103
+ "label": "Items"
2104
2104
  },
2105
2105
  {
2106
- "icon": "dollar-sign",
2107
2106
  "value": "@payload.data.length",
2108
2107
  "label": "Subtotal",
2109
- "type": "stat-display"
2108
+ "type": "stat-display",
2109
+ "icon": "dollar-sign"
2110
2110
  },
2111
2111
  {
2112
2112
  "type": "stat-display",
2113
2113
  "label": "Total",
2114
- "icon": "receipt",
2115
- "value": "@payload.data.length"
2114
+ "value": "@payload.data.length",
2115
+ "icon": "receipt"
2116
2116
  }
2117
- ],
2118
- "type": "simple-grid"
2117
+ ]
2119
2118
  },
2120
2119
  {
2121
2120
  "type": "divider"
2122
2121
  },
2123
2122
  {
2123
+ "entity": "@payload.data",
2124
2124
  "type": "data-grid",
2125
+ "itemActions": [
2126
+ {
2127
+ "event": "REQUEST_REMOVE",
2128
+ "variant": "danger",
2129
+ "label": "Remove"
2130
+ }
2131
+ ],
2125
2132
  "fields": [
2126
2133
  {
2127
- "variant": "h4",
2128
- "label": "Product Name",
2129
2134
  "icon": "shopping-cart",
2130
- "name": "productName"
2135
+ "name": "productName",
2136
+ "variant": "h4",
2137
+ "label": "Product Name"
2131
2138
  },
2132
2139
  {
2133
- "label": "Quantity",
2134
- "name": "quantity",
2135
2140
  "format": "currency",
2136
- "variant": "caption"
2141
+ "label": "Quantity",
2142
+ "variant": "caption",
2143
+ "name": "quantity"
2137
2144
  },
2138
2145
  {
2146
+ "variant": "badge",
2139
2147
  "name": "unitPrice",
2140
- "label": "Unit Price",
2141
- "variant": "badge"
2142
- }
2143
- ],
2144
- "entity": "@payload.data",
2145
- "itemActions": [
2146
- {
2147
- "label": "Remove",
2148
- "variant": "danger",
2149
- "event": "REQUEST_REMOVE"
2148
+ "label": "Unit Price"
2150
2149
  }
2151
2150
  ]
2152
2151
  },
2153
2152
  {
2154
2153
  "icon": "arrow-right",
2155
- "variant": "primary",
2154
+ "type": "button",
2156
2155
  "label": "Proceed to Checkout",
2157
- "action": "PROCEED_CHECKOUT",
2158
- "type": "button"
2156
+ "variant": "primary",
2157
+ "action": "PROCEED_CHECKOUT"
2159
2158
  }
2160
2159
  ],
2161
- "type": "stack"
2160
+ "direction": "vertical"
2162
2161
  }
2163
2162
  ],
2163
+ "type": "dashboard-layout",
2164
2164
  "appName": "EcommerceApp"
2165
2165
  }
2166
2166
  ]
@@ -2175,11 +2175,16 @@
2175
2175
  "render-ui",
2176
2176
  "main",
2177
2177
  {
2178
+ "type": "stack",
2179
+ "gap": "md",
2180
+ "align": "center",
2181
+ "className": "py-12",
2182
+ "direction": "vertical",
2178
2183
  "children": [
2179
2184
  {
2180
2185
  "name": "alert-triangle",
2181
- "type": "icon",
2182
- "color": "destructive"
2186
+ "color": "destructive",
2187
+ "type": "icon"
2183
2188
  },
2184
2189
  {
2185
2190
  "variant": "h3",
@@ -2187,24 +2192,19 @@
2187
2192
  "type": "typography"
2188
2193
  },
2189
2194
  {
2195
+ "color": "muted",
2190
2196
  "variant": "body",
2191
- "content": "@payload.error",
2192
2197
  "type": "typography",
2193
- "color": "muted"
2198
+ "content": "@payload.error"
2194
2199
  },
2195
2200
  {
2196
2201
  "type": "button",
2197
2202
  "icon": "rotate-ccw",
2203
+ "label": "Retry",
2198
2204
  "action": "INIT",
2199
- "variant": "primary",
2200
- "label": "Retry"
2205
+ "variant": "primary"
2201
2206
  }
2202
- ],
2203
- "className": "py-12",
2204
- "direction": "vertical",
2205
- "gap": "md",
2206
- "type": "stack",
2207
- "align": "center"
2207
+ ]
2208
2208
  }
2209
2209
  ]
2210
2210
  ]
@@ -2219,8 +2219,8 @@
2219
2219
  "CartItem",
2220
2220
  {
2221
2221
  "emit": {
2222
- "success": "CartItemLoaded",
2223
- "failure": "CartItemLoadFailed"
2222
+ "failure": "CartItemLoadFailed",
2223
+ "success": "CartItemLoaded"
2224
2224
  }
2225
2225
  }
2226
2226
  ],
@@ -2228,22 +2228,22 @@
2228
2228
  "render-ui",
2229
2229
  "main",
2230
2230
  {
2231
- "direction": "vertical",
2232
2231
  "gap": "md",
2232
+ "direction": "vertical",
2233
2233
  "className": "py-12",
2234
2234
  "type": "stack",
2235
- "align": "center",
2236
2235
  "children": [
2237
2236
  {
2238
2237
  "type": "spinner"
2239
2238
  },
2240
2239
  {
2241
- "variant": "caption",
2242
2240
  "color": "muted",
2241
+ "type": "typography",
2243
2242
  "content": "Preparing checkout…",
2244
- "type": "typography"
2243
+ "variant": "caption"
2245
2244
  }
2246
- ]
2245
+ ],
2246
+ "align": "center"
2247
2247
  }
2248
2248
  ]
2249
2249
  ]
@@ -2257,47 +2257,45 @@
2257
2257
  "render-ui",
2258
2258
  "main",
2259
2259
  {
2260
- "type": "dashboard-layout",
2260
+ "appName": "EcommerceApp",
2261
2261
  "children": [
2262
2262
  {
2263
- "type": "stack",
2264
- "gap": "lg",
2265
- "direction": "vertical",
2266
2263
  "children": [
2267
2264
  {
2268
- "type": "stack",
2265
+ "direction": "horizontal",
2269
2266
  "children": [
2270
2267
  {
2271
2268
  "type": "icon",
2272
2269
  "name": "clipboard"
2273
2270
  },
2274
2271
  {
2275
- "variant": "h2",
2276
2272
  "type": "typography",
2277
- "content": "Checkout"
2273
+ "content": "Checkout",
2274
+ "variant": "h2"
2278
2275
  }
2279
2276
  ],
2280
2277
  "gap": "sm",
2281
- "direction": "horizontal"
2278
+ "type": "stack"
2282
2279
  },
2283
2280
  {
2284
2281
  "type": "divider"
2285
2282
  },
2286
2283
  {
2287
2284
  "type": "data-grid",
2285
+ "entity": "@payload.data",
2288
2286
  "itemActions": [
2289
2287
  {
2288
+ "label": "Remove",
2290
2289
  "event": "REQUEST_REMOVE",
2291
- "variant": "danger",
2292
- "label": "Remove"
2290
+ "variant": "danger"
2293
2291
  }
2294
2292
  ],
2295
2293
  "fields": [
2296
2294
  {
2297
- "variant": "h4",
2295
+ "name": "productName",
2298
2296
  "icon": "shopping-cart",
2299
- "label": "Product Name",
2300
- "name": "productName"
2297
+ "variant": "h4",
2298
+ "label": "Product Name"
2301
2299
  },
2302
2300
  {
2303
2301
  "format": "currency",
@@ -2306,61 +2304,63 @@
2306
2304
  "label": "Quantity"
2307
2305
  },
2308
2306
  {
2309
- "label": "Unit Price",
2307
+ "variant": "badge",
2310
2308
  "name": "unitPrice",
2311
- "variant": "badge"
2309
+ "label": "Unit Price"
2312
2310
  }
2313
- ],
2314
- "entity": "@payload.data"
2311
+ ]
2315
2312
  },
2316
2313
  {
2317
- "direction": "horizontal",
2318
- "justify": "end",
2319
2314
  "type": "stack",
2320
- "gap": "sm",
2321
2315
  "children": [
2322
2316
  {
2323
2317
  "label": "Back to Cart",
2318
+ "type": "button",
2324
2319
  "variant": "ghost",
2325
- "icon": "arrow-left",
2326
2320
  "action": "BACK_TO_CART",
2327
- "type": "button"
2321
+ "icon": "arrow-left"
2328
2322
  },
2329
2323
  {
2324
+ "label": "Confirm Order",
2330
2325
  "action": "CONFIRM_ORDER",
2331
- "type": "button",
2332
- "variant": "primary",
2333
2326
  "icon": "check",
2334
- "label": "Confirm Order"
2327
+ "type": "button",
2328
+ "variant": "primary"
2335
2329
  }
2336
- ]
2330
+ ],
2331
+ "direction": "horizontal",
2332
+ "justify": "end",
2333
+ "gap": "sm"
2337
2334
  }
2338
- ]
2335
+ ],
2336
+ "gap": "lg",
2337
+ "type": "stack",
2338
+ "direction": "vertical"
2339
2339
  }
2340
2340
  ],
2341
+ "type": "dashboard-layout",
2341
2342
  "navItems": [
2342
2343
  {
2343
2344
  "href": "/products",
2344
- "icon": "package",
2345
- "label": "Products"
2345
+ "label": "Products",
2346
+ "icon": "package"
2346
2347
  },
2347
2348
  {
2348
- "icon": "shopping-cart",
2349
2349
  "href": "/cart",
2350
+ "icon": "shopping-cart",
2350
2351
  "label": "Cart"
2351
2352
  },
2352
2353
  {
2353
- "icon": "credit-card",
2354
+ "label": "Checkout",
2354
2355
  "href": "/checkout",
2355
- "label": "Checkout"
2356
+ "icon": "credit-card"
2356
2357
  },
2357
2358
  {
2358
- "label": "Orders",
2359
2359
  "href": "/orders",
2360
+ "label": "Orders",
2360
2361
  "icon": "clipboard-list"
2361
2362
  }
2362
- ],
2363
- "appName": "EcommerceApp"
2363
+ ]
2364
2364
  }
2365
2365
  ]
2366
2366
  ]
@@ -2375,8 +2375,8 @@
2375
2375
  "CartItem",
2376
2376
  {
2377
2377
  "emit": {
2378
- "failure": "CartItemLoadFailed",
2379
- "success": "CartItemLoaded"
2378
+ "success": "CartItemLoaded",
2379
+ "failure": "CartItemLoadFailed"
2380
2380
  }
2381
2381
  }
2382
2382
  ]
@@ -2401,6 +2401,7 @@
2401
2401
  "render-ui",
2402
2402
  "main",
2403
2403
  {
2404
+ "appName": "EcommerceApp",
2404
2405
  "navItems": [
2405
2406
  {
2406
2407
  "icon": "package",
@@ -2408,25 +2409,26 @@
2408
2409
  "href": "/products"
2409
2410
  },
2410
2411
  {
2411
- "icon": "shopping-cart",
2412
2412
  "href": "/cart",
2413
+ "icon": "shopping-cart",
2413
2414
  "label": "Cart"
2414
2415
  },
2415
2416
  {
2416
- "href": "/checkout",
2417
2417
  "icon": "credit-card",
2418
- "label": "Checkout"
2418
+ "label": "Checkout",
2419
+ "href": "/checkout"
2419
2420
  },
2420
2421
  {
2421
- "icon": "clipboard-list",
2422
+ "label": "Orders",
2422
2423
  "href": "/orders",
2423
- "label": "Orders"
2424
+ "icon": "clipboard-list"
2424
2425
  }
2425
2426
  ],
2426
- "appName": "EcommerceApp",
2427
+ "type": "dashboard-layout",
2427
2428
  "children": [
2428
2429
  {
2429
2430
  "type": "stack",
2431
+ "align": "center",
2430
2432
  "direction": "vertical",
2431
2433
  "gap": "lg",
2432
2434
  "children": [
@@ -2441,20 +2443,18 @@
2441
2443
  },
2442
2444
  {
2443
2445
  "content": "Your order has been placed successfully.",
2444
- "variant": "body",
2445
- "type": "typography"
2446
+ "type": "typography",
2447
+ "variant": "body"
2446
2448
  },
2447
2449
  {
2448
2450
  "label": "Continue Shopping",
2449
- "action": "INIT",
2450
2451
  "type": "button",
2451
- "variant": "primary"
2452
+ "variant": "primary",
2453
+ "action": "INIT"
2452
2454
  }
2453
- ],
2454
- "align": "center"
2455
+ ]
2455
2456
  }
2456
- ],
2457
- "type": "dashboard-layout"
2457
+ ]
2458
2458
  }
2459
2459
  ]
2460
2460
  ]
@@ -2622,8 +2622,8 @@
2622
2622
  "CartItem",
2623
2623
  {
2624
2624
  "emit": {
2625
- "failure": "CartItemLoadFailed",
2626
- "success": "CartItemLoaded"
2625
+ "success": "CartItemLoaded",
2626
+ "failure": "CartItemLoadFailed"
2627
2627
  }
2628
2628
  }
2629
2629
  ]
@@ -2648,42 +2648,42 @@
2648
2648
  "render-ui",
2649
2649
  "modal",
2650
2650
  {
2651
- "gap": "md",
2652
- "direction": "vertical",
2653
- "type": "stack",
2654
2651
  "children": [
2655
2652
  {
2656
- "direction": "horizontal",
2653
+ "type": "stack",
2657
2654
  "children": [
2658
2655
  {
2659
2656
  "type": "icon",
2660
2657
  "name": "plus-circle"
2661
2658
  },
2662
2659
  {
2663
- "type": "typography",
2664
2660
  "content": "Add Item",
2665
- "variant": "h3"
2661
+ "variant": "h3",
2662
+ "type": "typography"
2666
2663
  }
2667
2664
  ],
2668
- "gap": "sm",
2669
- "type": "stack"
2665
+ "direction": "horizontal",
2666
+ "gap": "sm"
2670
2667
  },
2671
2668
  {
2672
2669
  "type": "divider"
2673
2670
  },
2674
2671
  {
2675
- "cancelEvent": "CLOSE",
2676
2672
  "fields": [
2677
2673
  "productName",
2678
2674
  "quantity",
2679
2675
  "unitPrice",
2680
2676
  "totalPrice"
2681
2677
  ],
2678
+ "submitEvent": "SAVE",
2682
2679
  "type": "form-section",
2683
2680
  "mode": "create",
2684
- "submitEvent": "SAVE"
2681
+ "cancelEvent": "CLOSE"
2685
2682
  }
2686
- ]
2683
+ ],
2684
+ "type": "stack",
2685
+ "direction": "vertical",
2686
+ "gap": "md"
2687
2687
  }
2688
2688
  ]
2689
2689
  ]
@@ -2910,8 +2910,8 @@
2910
2910
  "CartItem",
2911
2911
  {
2912
2912
  "emit": {
2913
- "failure": "CartItemLoadFailed",
2914
- "success": "CartItemLoaded"
2913
+ "success": "CartItemLoaded",
2914
+ "failure": "CartItemLoadFailed"
2915
2915
  }
2916
2916
  }
2917
2917
  ]
@@ -2933,8 +2933,8 @@
2933
2933
  {
2934
2934
  "id": "@payload.id",
2935
2935
  "emit": {
2936
- "failure": "CartItemLoadFailed",
2937
- "success": "CartItemLoaded"
2936
+ "success": "CartItemLoaded",
2937
+ "failure": "CartItemLoadFailed"
2938
2938
  }
2939
2939
  }
2940
2940
  ],
@@ -2942,22 +2942,21 @@
2942
2942
  "render-ui",
2943
2943
  "modal",
2944
2944
  {
2945
- "direction": "vertical",
2946
2945
  "children": [
2947
2946
  {
2948
- "direction": "horizontal",
2949
- "align": "center",
2950
2947
  "gap": "sm",
2948
+ "align": "center",
2951
2949
  "type": "stack",
2950
+ "direction": "horizontal",
2952
2951
  "children": [
2953
2952
  {
2954
- "name": "alert-triangle",
2955
- "type": "icon"
2953
+ "type": "icon",
2954
+ "name": "alert-triangle"
2956
2955
  },
2957
2956
  {
2958
- "variant": "h3",
2959
2957
  "type": "typography",
2960
- "content": "Remove Item"
2958
+ "content": "Remove Item",
2959
+ "variant": "h3"
2961
2960
  }
2962
2961
  ]
2963
2962
  },
@@ -2965,34 +2964,35 @@
2965
2964
  "type": "divider"
2966
2965
  },
2967
2966
  {
2967
+ "variant": "error",
2968
2968
  "message": "Are you sure you want to remove this item from your cart?",
2969
- "type": "alert",
2970
- "variant": "error"
2969
+ "type": "alert"
2971
2970
  },
2972
2971
  {
2973
- "direction": "horizontal",
2974
- "justify": "end",
2975
2972
  "children": [
2976
2973
  {
2977
- "label": "Cancel",
2978
2974
  "variant": "ghost",
2979
2975
  "type": "button",
2976
+ "label": "Cancel",
2980
2977
  "action": "CANCEL"
2981
2978
  },
2982
2979
  {
2980
+ "type": "button",
2983
2981
  "label": "Remove",
2984
2982
  "action": "CONFIRM_REMOVE",
2985
- "type": "button",
2986
2983
  "icon": "check",
2987
2984
  "variant": "danger"
2988
2985
  }
2989
2986
  ],
2987
+ "gap": "sm",
2990
2988
  "type": "stack",
2991
- "gap": "sm"
2989
+ "justify": "end",
2990
+ "direction": "horizontal"
2992
2991
  }
2993
2992
  ],
2994
- "gap": "md",
2995
- "type": "stack"
2993
+ "type": "stack",
2994
+ "direction": "vertical",
2995
+ "gap": "md"
2996
2996
  }
2997
2997
  ]
2998
2998
  ]
@@ -3060,8 +3060,8 @@
3060
3060
  "CartItem",
3061
3061
  {
3062
3062
  "emit": {
3063
- "success": "CartItemLoaded",
3064
- "failure": "CartItemLoadFailed"
3063
+ "failure": "CartItemLoadFailed",
3064
+ "success": "CartItemLoaded"
3065
3065
  }
3066
3066
  }
3067
3067
  ]
@@ -3089,8 +3089,8 @@
3089
3089
  "CartItem",
3090
3090
  {
3091
3091
  "emit": {
3092
- "success": "CartItemLoaded",
3093
- "failure": "CartItemLoadFailed"
3092
+ "failure": "CartItemLoadFailed",
3093
+ "success": "CartItemLoaded"
3094
3094
  }
3095
3095
  }
3096
3096
  ]
@@ -3165,10 +3165,10 @@
3165
3165
  "ref": "Stripe.traits.ServiceStripeStripe",
3166
3166
  "name": "CheckoutPayment",
3167
3167
  "config": {
3168
- "currency": "usd",
3169
3168
  "amount": 0.0,
3170
- "metadata": {},
3171
- "uiTrait": "@trait.CheckoutPaymentForm"
3169
+ "currency": "usd",
3170
+ "uiTrait": "@trait.CheckoutPaymentForm",
3171
+ "metadata": {}
3172
3172
  },
3173
3173
  "listens": [
3174
3174
  {
@@ -3223,8 +3223,6 @@
3223
3223
  "render-ui",
3224
3224
  "main",
3225
3225
  {
3226
- "gap": "md",
3227
- "direction": "vertical",
3228
3226
  "children": [
3229
3227
  {
3230
3228
  "type": "alert",
@@ -3233,11 +3231,11 @@
3233
3231
  },
3234
3232
  {
3235
3233
  "inputType": "text",
3236
- "type": "input",
3237
- "placeholder": "Card number"
3234
+ "placeholder": "Card number",
3235
+ "type": "input"
3238
3236
  },
3239
3237
  {
3240
- "type": "stack",
3238
+ "gap": "sm",
3241
3239
  "children": [
3242
3240
  {
3243
3241
  "inputType": "text",
@@ -3250,17 +3248,19 @@
3250
3248
  "placeholder": "CVC"
3251
3249
  }
3252
3250
  ],
3253
- "gap": "sm",
3254
- "direction": "horizontal"
3251
+ "direction": "horizontal",
3252
+ "type": "stack"
3255
3253
  },
3256
3254
  {
3257
- "icon": "credit-card",
3255
+ "type": "button",
3258
3256
  "variant": "primary",
3257
+ "icon": "credit-card",
3259
3258
  "label": "Pay now",
3260
- "action": "CREATE_PAYMENT",
3261
- "type": "button"
3259
+ "action": "CREATE_PAYMENT"
3262
3260
  }
3263
3261
  ],
3262
+ "gap": "md",
3263
+ "direction": "vertical",
3264
3264
  "type": "stack"
3265
3265
  }
3266
3266
  ]
@@ -3502,54 +3502,54 @@
3502
3502
  "render-ui",
3503
3503
  "main",
3504
3504
  {
3505
+ "type": "stack",
3506
+ "gap": "lg",
3505
3507
  "children": [
3506
3508
  {
3507
- "type": "typography",
3508
3509
  "variant": "h2",
3509
- "content": "Checkout"
3510
+ "content": "Checkout",
3511
+ "type": "typography"
3510
3512
  },
3511
3513
  {
3514
+ "currentStep": 0.0,
3515
+ "type": "wizard-progress",
3512
3516
  "steps": [
3513
3517
  "Customer Info",
3514
3518
  "Shipping",
3515
3519
  "Payment",
3516
3520
  "Review"
3517
- ],
3518
- "currentStep": 0.0,
3519
- "type": "wizard-progress"
3521
+ ]
3520
3522
  },
3521
3523
  {
3522
3524
  "type": "divider"
3523
3525
  },
3524
3526
  {
3525
- "type": "typography",
3526
3527
  "variant": "h3",
3528
+ "type": "typography",
3527
3529
  "content": "Customer Info"
3528
3530
  },
3529
3531
  {
3532
+ "submitEvent": "NEXT",
3530
3533
  "showCancel": false,
3531
- "submitLabel": "Continue",
3532
- "mode": "create",
3534
+ "type": "form-section",
3533
3535
  "fields": [
3534
3536
  {
3535
- "name": "customerName",
3537
+ "min": 2.0,
3536
3538
  "required": true,
3537
- "min": 2.0
3539
+ "name": "customerName"
3538
3540
  },
3539
3541
  {
3540
- "name": "email",
3541
3542
  "type": "email",
3543
+ "name": "email",
3542
3544
  "required": true
3543
3545
  }
3544
3546
  ],
3545
- "type": "form-section",
3546
- "submitEvent": "NEXT"
3547
+ "mode": "create",
3548
+ "submitLabel": "Continue"
3547
3549
  }
3548
3550
  ],
3549
- "gap": "lg",
3550
- "className": "max-w-xl mx-auto w-full",
3551
3551
  "direction": "vertical",
3552
- "type": "stack"
3552
+ "className": "max-w-xl mx-auto w-full"
3553
3553
  }
3554
3554
  ]
3555
3555
  ]
@@ -3558,6 +3558,11 @@
3558
3558
  "from": "step1",
3559
3559
  "to": "step2",
3560
3560
  "event": "NEXT",
3561
+ "guard": [
3562
+ "and",
3563
+ "@payload.data.customerName",
3564
+ "@payload.data.email"
3565
+ ],
3561
3566
  "effects": [
3562
3567
  [
3563
3568
  "set",
@@ -3574,23 +3579,22 @@
3574
3579
  "main",
3575
3580
  {
3576
3581
  "type": "stack",
3577
- "className": "max-w-xl mx-auto w-full",
3578
- "gap": "lg",
3582
+ "direction": "vertical",
3579
3583
  "children": [
3580
3584
  {
3581
- "variant": "h2",
3582
3585
  "content": "Checkout",
3586
+ "variant": "h2",
3583
3587
  "type": "typography"
3584
3588
  },
3585
3589
  {
3586
- "type": "wizard-progress",
3587
3590
  "steps": [
3588
3591
  "Customer Info",
3589
3592
  "Shipping",
3590
3593
  "Payment",
3591
3594
  "Review"
3592
3595
  ],
3593
- "currentStep": 1.0
3596
+ "currentStep": 1.0,
3597
+ "type": "wizard-progress"
3594
3598
  },
3595
3599
  {
3596
3600
  "type": "divider"
@@ -3601,12 +3605,9 @@
3601
3605
  "content": "Shipping Address"
3602
3606
  },
3603
3607
  {
3604
- "entity": "@entity",
3605
- "submitEvent": "NEXT",
3606
- "submitLabel": "Continue",
3607
- "cancelLabel": "Back",
3608
+ "type": "form-section",
3608
3609
  "cancelEvent": "PREV",
3609
- "mode": "edit",
3610
+ "entity": "@entity",
3610
3611
  "fields": [
3611
3612
  {
3612
3613
  "required": true,
@@ -3614,10 +3615,14 @@
3614
3615
  "name": "shippingAddress"
3615
3616
  }
3616
3617
  ],
3617
- "type": "form-section"
3618
+ "submitEvent": "NEXT",
3619
+ "submitLabel": "Continue",
3620
+ "mode": "edit",
3621
+ "cancelLabel": "Back"
3618
3622
  }
3619
3623
  ],
3620
- "direction": "vertical"
3624
+ "className": "max-w-xl mx-auto w-full",
3625
+ "gap": "lg"
3621
3626
  }
3622
3627
  ]
3623
3628
  ]
@@ -3626,6 +3631,7 @@
3626
3631
  "from": "step2",
3627
3632
  "to": "step3",
3628
3633
  "event": "NEXT",
3634
+ "guard": "@payload.data.shippingAddress",
3629
3635
  "effects": [
3630
3636
  [
3631
3637
  "set",
@@ -3636,10 +3642,14 @@
3636
3642
  "render-ui",
3637
3643
  "main",
3638
3644
  {
3645
+ "direction": "vertical",
3646
+ "gap": "lg",
3647
+ "type": "stack",
3648
+ "className": "max-w-xl mx-auto w-full",
3639
3649
  "children": [
3640
3650
  {
3641
- "content": "Checkout",
3642
3651
  "type": "typography",
3652
+ "content": "Checkout",
3643
3653
  "variant": "h2"
3644
3654
  },
3645
3655
  {
@@ -3662,25 +3672,21 @@
3662
3672
  },
3663
3673
  "@trait.CheckoutPayment",
3664
3674
  {
3665
- "gap": "sm",
3675
+ "direction": "horizontal",
3666
3676
  "type": "stack",
3667
3677
  "justify": "start",
3678
+ "gap": "sm",
3668
3679
  "children": [
3669
3680
  {
3670
- "action": "PREV",
3681
+ "icon": "arrow-left",
3671
3682
  "type": "button",
3672
3683
  "label": "Back",
3673
- "variant": "ghost",
3674
- "icon": "arrow-left"
3684
+ "action": "PREV",
3685
+ "variant": "ghost"
3675
3686
  }
3676
- ],
3677
- "direction": "horizontal"
3687
+ ]
3678
3688
  }
3679
- ],
3680
- "direction": "vertical",
3681
- "gap": "lg",
3682
- "type": "stack",
3683
- "className": "max-w-xl mx-auto w-full"
3689
+ ]
3684
3690
  }
3685
3691
  ]
3686
3692
  ]
@@ -3694,14 +3700,15 @@
3694
3700
  "render-ui",
3695
3701
  "main",
3696
3702
  {
3697
- "gap": "lg",
3698
3703
  "type": "stack",
3704
+ "direction": "vertical",
3705
+ "gap": "lg",
3699
3706
  "className": "max-w-xl mx-auto w-full",
3700
3707
  "children": [
3701
3708
  {
3702
- "variant": "h2",
3703
3709
  "content": "Checkout",
3704
- "type": "typography"
3710
+ "type": "typography",
3711
+ "variant": "h2"
3705
3712
  },
3706
3713
  {
3707
3714
  "type": "wizard-progress",
@@ -3717,18 +3724,18 @@
3717
3724
  "type": "divider"
3718
3725
  },
3719
3726
  {
3720
- "variant": "h3",
3727
+ "content": "Customer Info",
3721
3728
  "type": "typography",
3722
- "content": "Customer Info"
3729
+ "variant": "h3"
3723
3730
  },
3724
3731
  {
3725
- "type": "form-section",
3732
+ "submitLabel": "Continue",
3726
3733
  "entity": "@entity",
3727
3734
  "fields": [
3728
3735
  {
3736
+ "name": "customerName",
3729
3737
  "required": true,
3730
- "min": 2.0,
3731
- "name": "customerName"
3738
+ "min": 2.0
3732
3739
  },
3733
3740
  {
3734
3741
  "name": "email",
@@ -3737,12 +3744,11 @@
3737
3744
  }
3738
3745
  ],
3739
3746
  "mode": "edit",
3747
+ "type": "form-section",
3740
3748
  "showCancel": false,
3741
- "submitLabel": "Continue",
3742
3749
  "submitEvent": "NEXT"
3743
3750
  }
3744
- ],
3745
- "direction": "vertical"
3751
+ ]
3746
3752
  }
3747
3753
  ]
3748
3754
  ]
@@ -3756,72 +3762,70 @@
3756
3762
  "render-ui",
3757
3763
  "main",
3758
3764
  {
3759
- "type": "stack",
3760
3765
  "direction": "vertical",
3761
- "className": "max-w-xl mx-auto w-full",
3766
+ "type": "stack",
3762
3767
  "children": [
3763
3768
  {
3764
- "variant": "h2",
3769
+ "type": "typography",
3765
3770
  "content": "Review your order",
3766
- "type": "typography"
3771
+ "variant": "h2"
3767
3772
  },
3768
3773
  {
3774
+ "currentStep": 3.0,
3775
+ "type": "wizard-progress",
3769
3776
  "steps": [
3770
3777
  "Customer Info",
3771
3778
  "Shipping",
3772
3779
  "Payment",
3773
3780
  "Review"
3774
- ],
3775
- "currentStep": 3.0,
3776
- "type": "wizard-progress"
3781
+ ]
3777
3782
  },
3778
3783
  {
3779
3784
  "type": "divider"
3780
3785
  },
3781
3786
  {
3782
- "direction": "vertical",
3783
- "gap": "sm",
3784
3787
  "type": "stack",
3788
+ "gap": "sm",
3785
3789
  "children": [
3786
3790
  {
3787
- "type": "stack",
3788
- "direction": "horizontal",
3789
3791
  "justify": "between",
3792
+ "direction": "horizontal",
3793
+ "gap": "md",
3794
+ "type": "stack",
3790
3795
  "children": [
3791
3796
  {
3797
+ "content": "Customer",
3792
3798
  "type": "typography",
3793
- "variant": "caption",
3794
- "content": "Customer"
3799
+ "variant": "caption"
3795
3800
  },
3796
3801
  {
3797
- "variant": "body",
3798
3802
  "type": "typography",
3803
+ "variant": "body",
3799
3804
  "content": "@entity.customerName"
3800
3805
  }
3801
- ],
3802
- "gap": "md"
3806
+ ]
3803
3807
  },
3804
3808
  {
3805
- "type": "stack",
3809
+ "justify": "between",
3806
3810
  "gap": "md",
3807
- "direction": "horizontal",
3808
3811
  "children": [
3809
3812
  {
3810
- "type": "typography",
3813
+ "variant": "caption",
3811
3814
  "content": "Email",
3812
- "variant": "caption"
3815
+ "type": "typography"
3813
3816
  },
3814
3817
  {
3818
+ "content": "@entity.email",
3815
3819
  "type": "typography",
3816
- "variant": "body",
3817
- "content": "@entity.email"
3820
+ "variant": "body"
3818
3821
  }
3819
3822
  ],
3820
- "justify": "between"
3823
+ "direction": "horizontal",
3824
+ "type": "stack"
3821
3825
  },
3822
3826
  {
3823
- "type": "stack",
3824
3827
  "direction": "horizontal",
3828
+ "type": "stack",
3825
3829
  "justify": "between",
3826
3830
  "gap": "md",
3827
3831
  "children": [
@@ -3831,59 +3835,61 @@
3831
3835
  "content": "Shipping"
3832
3836
  },
3833
3837
  {
3834
- "variant": "body",
3838
+ "type": "typography",
3835
3839
  "content": "@entity.shippingAddress",
3836
- "type": "typography"
3840
+ "variant": "body"
3837
3841
  }
3838
3842
  ]
3839
3843
  },
3840
3844
  {
3845
+ "direction": "horizontal",
3846
+ "gap": "md",
3847
+ "justify": "between",
3841
3848
  "children": [
3842
3849
  {
3843
3850
  "content": "Order total",
3844
- "variant": "caption",
3845
- "type": "typography"
3851
+ "type": "typography",
3852
+ "variant": "caption"
3846
3853
  },
3847
3854
  {
3848
3855
  "variant": "body",
3849
- "content": "@entity.orderTotal",
3850
- "type": "typography"
3856
+ "type": "typography",
3857
+ "content": "@entity.orderTotal"
3851
3858
  }
3852
3859
  ],
3853
- "type": "stack",
3854
- "direction": "horizontal",
3855
- "gap": "md",
3856
- "justify": "between"
3860
+ "type": "stack"
3857
3861
  }
3858
- ]
3862
+ ],
3863
+ "direction": "vertical"
3859
3864
  },
3860
3865
  {
3861
3866
  "type": "divider"
3862
3867
  },
3863
3868
  {
3864
- "type": "stack",
3865
- "gap": "sm",
3866
3869
  "children": [
3867
3870
  {
3868
- "action": "PREV",
3869
3871
  "label": "Back",
3870
- "type": "button",
3871
3872
  "variant": "ghost",
3872
- "icon": "arrow-left"
3873
+ "icon": "arrow-left",
3874
+ "type": "button",
3875
+ "action": "PREV"
3873
3876
  },
3874
3877
  {
3875
- "icon": "check",
3876
- "type": "button",
3877
- "action": "COMPLETE",
3878
3878
  "label": "Place order",
3879
- "variant": "primary"
3879
+ "action": "COMPLETE",
3880
+ "type": "button",
3881
+ "variant": "primary",
3882
+ "icon": "check"
3880
3883
  }
3881
3884
  ],
3885
+ "type": "stack",
3882
3886
  "justify": "between",
3883
- "direction": "horizontal"
3887
+ "direction": "horizontal",
3888
+ "gap": "sm"
3884
3889
  }
3885
3890
  ],
3886
- "gap": "lg"
3891
+ "gap": "lg",
3892
+ "className": "max-w-xl mx-auto w-full"
3887
3893
  }
3888
3894
  ]
3889
3895
  ]
@@ -3897,9 +3903,7 @@
3897
3903
  "render-ui",
3898
3904
  "main",
3899
3905
  {
3900
- "direction": "vertical",
3901
- "className": "max-w-xl mx-auto w-full",
3902
- "type": "stack",
3906
+ "gap": "lg",
3903
3907
  "children": [
3904
3908
  {
3905
3909
  "content": "Checkout",
@@ -3920,13 +3924,16 @@
3920
3924
  "type": "divider"
3921
3925
  },
3922
3926
  {
3927
+ "type": "typography",
3923
3928
  "variant": "h3",
3924
- "content": "Shipping Address",
3925
- "type": "typography"
3929
+ "content": "Shipping Address"
3926
3930
  },
3927
3931
  {
3928
- "type": "form-section",
3929
- "submitLabel": "Continue",
3932
+ "cancelLabel": "Back",
3933
+ "submitEvent": "NEXT",
3934
+ "mode": "edit",
3935
+ "entity": "@entity",
3936
+ "cancelEvent": "PREV",
3930
3937
  "fields": [
3931
3938
  {
3932
3939
  "min": 5.0,
@@ -3934,14 +3941,13 @@
3934
3941
  "required": true
3935
3942
  }
3936
3943
  ],
3937
- "mode": "edit",
3938
- "entity": "@entity",
3939
- "cancelLabel": "Back",
3940
- "submitEvent": "NEXT",
3941
- "cancelEvent": "PREV"
3944
+ "type": "form-section",
3945
+ "submitLabel": "Continue"
3942
3946
  }
3943
3947
  ],
3944
- "gap": "lg"
3948
+ "className": "max-w-xl mx-auto w-full",
3949
+ "type": "stack",
3950
+ "direction": "vertical"
3945
3951
  }
3946
3952
  ]
3947
3953
  ]
@@ -3950,6 +3956,12 @@
3950
3956
  "from": "review",
3951
3957
  "to": "complete",
3952
3958
  "event": "COMPLETE",
3959
+ "guard": [
3960
+ "and",
3961
+ "@entity.customerName",
3962
+ "@entity.email",
3963
+ "@entity.shippingAddress"
3964
+ ],
3953
3965
  "effects": [
3954
3966
  [
3955
3967
  "set",
@@ -3963,8 +3975,8 @@
3963
3975
  "@entity",
3964
3976
  {
3965
3977
  "emit": {
3966
- "failure": "CheckoutSaveFailed",
3967
- "success": "CheckoutSaved"
3978
+ "success": "CheckoutSaved",
3979
+ "failure": "CheckoutSaveFailed"
3968
3980
  }
3969
3981
  }
3970
3982
  ],
@@ -3984,35 +3996,35 @@
3984
3996
  "render-ui",
3985
3997
  "main",
3986
3998
  {
3987
- "gap": "lg",
3999
+ "className": "max-w-xl mx-auto w-full py-12",
3988
4000
  "children": [
3989
4001
  {
3990
4002
  "type": "icon",
3991
4003
  "name": "check-circle"
3992
4004
  },
3993
4005
  {
3994
- "variant": "h2",
3995
4006
  "content": "Order placed",
4007
+ "variant": "h2",
3996
4008
  "type": "typography"
3997
4009
  },
3998
4010
  {
3999
- "type": "typography",
4000
- "color": "muted",
4011
+ "content": "Your order is confirmed and on its way.",
4001
4012
  "variant": "body",
4002
- "content": "Your order is confirmed and on its way."
4013
+ "color": "muted",
4014
+ "type": "typography"
4003
4015
  },
4004
4016
  {
4005
- "action": "RESTART",
4006
- "icon": "rotate-ccw",
4007
4017
  "type": "button",
4018
+ "action": "RESTART",
4019
+ "label": "Start new order",
4008
4020
  "variant": "ghost",
4009
- "label": "Start new order"
4021
+ "icon": "rotate-ccw"
4010
4022
  }
4011
4023
  ],
4012
- "type": "stack",
4013
4024
  "direction": "vertical",
4014
- "align": "center",
4015
- "className": "max-w-xl mx-auto w-full py-12"
4025
+ "type": "stack",
4026
+ "gap": "lg",
4027
+ "align": "center"
4016
4028
  }
4017
4029
  ]
4018
4030
  ]
@@ -4026,14 +4038,12 @@
4026
4038
  "render-ui",
4027
4039
  "main",
4028
4040
  {
4029
- "type": "stack",
4030
- "direction": "vertical",
4031
- "className": "max-w-xl mx-auto w-full",
4041
+ "gap": "lg",
4032
4042
  "children": [
4033
4043
  {
4044
+ "content": "Checkout",
4034
4045
  "type": "typography",
4035
- "variant": "h2",
4036
- "content": "Checkout"
4046
+ "variant": "h2"
4037
4047
  },
4038
4048
  {
4039
4049
  "steps": [
@@ -4042,35 +4052,37 @@
4042
4052
  "Payment",
4043
4053
  "Review"
4044
4054
  ],
4045
- "type": "wizard-progress",
4046
- "currentStep": 2.0
4055
+ "currentStep": 2.0,
4056
+ "type": "wizard-progress"
4047
4057
  },
4048
4058
  {
4049
4059
  "type": "divider"
4050
4060
  },
4051
4061
  {
4052
- "type": "typography",
4053
4062
  "variant": "h3",
4054
- "content": "Payment"
4063
+ "content": "Payment",
4064
+ "type": "typography"
4055
4065
  },
4056
4066
  "@trait.CheckoutPayment",
4057
4067
  {
4068
+ "justify": "start",
4058
4069
  "direction": "horizontal",
4059
4070
  "type": "stack",
4060
- "gap": "sm",
4061
- "justify": "start",
4062
4071
  "children": [
4063
4072
  {
4064
- "type": "button",
4065
- "label": "Back",
4066
4073
  "variant": "ghost",
4074
+ "label": "Back",
4075
+ "type": "button",
4067
4076
  "action": "PREV",
4068
4077
  "icon": "arrow-left"
4069
4078
  }
4070
- ]
4079
+ ],
4080
+ "gap": "sm"
4071
4081
  }
4072
4082
  ],
4073
- "gap": "lg"
4083
+ "type": "stack",
4084
+ "direction": "vertical",
4085
+ "className": "max-w-xl mx-auto w-full"
4074
4086
  }
4075
4087
  ]
4076
4088
  ]
@@ -4109,15 +4121,12 @@
4109
4121
  "render-ui",
4110
4122
  "main",
4111
4123
  {
4112
- "direction": "vertical",
4113
4124
  "className": "max-w-xl mx-auto w-full",
4114
- "type": "stack",
4115
- "gap": "lg",
4116
4125
  "children": [
4117
4126
  {
4127
+ "content": "Checkout",
4118
4128
  "variant": "h2",
4119
- "type": "typography",
4120
- "content": "Checkout"
4129
+ "type": "typography"
4121
4130
  },
4122
4131
  {
4123
4132
  "type": "wizard-progress",
@@ -4133,30 +4142,33 @@
4133
4142
  "type": "divider"
4134
4143
  },
4135
4144
  {
4145
+ "variant": "h3",
4136
4146
  "content": "Customer Info",
4137
- "type": "typography",
4138
- "variant": "h3"
4147
+ "type": "typography"
4139
4148
  },
4140
4149
  {
4141
- "type": "form-section",
4142
- "submitLabel": "Continue",
4150
+ "showCancel": false,
4143
4151
  "fields": [
4144
4152
  {
4145
- "min": 2.0,
4153
+ "name": "customerName",
4146
4154
  "required": true,
4147
- "name": "customerName"
4155
+ "min": 2.0
4148
4156
  },
4149
4157
  {
4150
- "required": true,
4158
+ "name": "email",
4151
4159
  "type": "email",
4152
- "name": "email"
4160
+ "required": true
4153
4161
  }
4154
4162
  ],
4163
+ "submitEvent": "NEXT",
4155
4164
  "mode": "create",
4156
- "showCancel": false,
4157
- "submitEvent": "NEXT"
4165
+ "submitLabel": "Continue",
4166
+ "type": "form-section"
4158
4167
  }
4159
- ]
4168
+ ],
4169
+ "type": "stack",
4170
+ "direction": "vertical",
4171
+ "gap": "lg"
4160
4172
  }
4161
4173
  ]
4162
4174
  ]
@@ -4516,21 +4528,21 @@
4516
4528
  "render-ui",
4517
4529
  "main",
4518
4530
  {
4531
+ "type": "stack",
4532
+ "direction": "vertical",
4533
+ "gap": "md",
4534
+ "className": "py-12",
4519
4535
  "children": [
4520
4536
  {
4521
4537
  "type": "spinner"
4522
4538
  },
4523
4539
  {
4524
- "type": "typography",
4525
- "variant": "caption",
4540
+ "color": "muted",
4526
4541
  "content": "Loading…",
4527
- "color": "muted"
4542
+ "type": "typography",
4543
+ "variant": "caption"
4528
4544
  }
4529
4545
  ],
4530
- "className": "py-12",
4531
- "type": "stack",
4532
- "direction": "vertical",
4533
- "gap": "md",
4534
4546
  "align": "center"
4535
4547
  }
4536
4548
  ]
@@ -4545,111 +4557,111 @@
4545
4557
  "render-ui",
4546
4558
  "main",
4547
4559
  {
4548
- "appName": "EcommerceApp",
4549
- "type": "dashboard-layout",
4550
4560
  "children": [
4551
4561
  {
4562
+ "className": "max-w-5xl mx-auto w-full",
4563
+ "direction": "vertical",
4552
4564
  "gap": "lg",
4553
4565
  "children": [
4554
4566
  {
4555
4567
  "gap": "md",
4556
- "direction": "horizontal",
4568
+ "type": "stack",
4569
+ "align": "center",
4570
+ "justify": "between",
4557
4571
  "children": [
4558
4572
  {
4559
- "align": "center",
4560
4573
  "type": "stack",
4561
4574
  "children": [
4562
4575
  {
4563
- "name": "clipboard-list",
4564
- "type": "icon"
4576
+ "type": "icon",
4577
+ "name": "clipboard-list"
4565
4578
  },
4566
4579
  {
4567
4580
  "type": "typography",
4568
- "variant": "h2",
4569
- "content": "Order History"
4581
+ "content": "Order History",
4582
+ "variant": "h2"
4570
4583
  }
4571
4584
  ],
4572
4585
  "gap": "sm",
4573
- "direction": "horizontal"
4586
+ "direction": "horizontal",
4587
+ "align": "center"
4574
4588
  },
4575
4589
  {
4576
4590
  "gap": "sm",
4577
- "type": "stack",
4578
4591
  "direction": "horizontal",
4579
4592
  "children": [
4580
4593
  {
4594
+ "icon": "plus",
4595
+ "label": "Create OrderRecord",
4581
4596
  "type": "button",
4582
4597
  "variant": "primary",
4583
- "label": "Create OrderRecord",
4584
- "action": "CREATE",
4585
- "icon": "plus"
4598
+ "action": "CREATE"
4586
4599
  }
4587
- ]
4600
+ ],
4601
+ "type": "stack"
4588
4602
  }
4589
4603
  ],
4590
- "align": "center",
4591
- "type": "stack",
4592
- "justify": "between"
4604
+ "direction": "horizontal"
4593
4605
  },
4594
4606
  {
4595
4607
  "type": "divider"
4596
4608
  },
4597
4609
  {
4598
- "itemActions": [
4599
- {
4600
- "event": "VIEW",
4601
- "label": "View",
4602
- "variant": "ghost"
4603
- },
4604
- {
4605
- "label": "Edit",
4606
- "event": "EDIT",
4607
- "variant": "ghost"
4608
- },
4609
- {
4610
- "variant": "danger",
4611
- "event": "DELETE",
4612
- "label": "Delete"
4613
- }
4614
- ],
4615
- "gap": "sm",
4616
- "entity": "@payload.data",
4617
4610
  "variant": "card",
4611
+ "entity": "@payload.data",
4612
+ "gap": "sm",
4618
4613
  "fields": [
4619
4614
  {
4620
- "icon": "clipboard-list",
4615
+ "name": "customerName",
4621
4616
  "label": "Customer",
4622
4617
  "variant": "h3",
4623
- "name": "customerName"
4618
+ "icon": "clipboard-list"
4624
4619
  },
4625
4620
  {
4626
4621
  "name": "status",
4627
4622
  "variant": "badge"
4628
4623
  },
4629
4624
  {
4630
- "format": "currency",
4631
4625
  "name": "orderTotal",
4632
- "label": "Total",
4633
- "variant": "h4"
4626
+ "format": "currency",
4627
+ "variant": "h4",
4628
+ "label": "Total"
4634
4629
  },
4635
4630
  {
4636
4631
  "name": "email",
4637
4632
  "variant": "caption"
4638
4633
  },
4639
4634
  {
4640
- "variant": "caption",
4635
+ "name": "shippingAddress",
4641
4636
  "label": "Address",
4642
- "name": "shippingAddress"
4637
+ "variant": "caption"
4643
4638
  }
4644
4639
  ],
4645
- "type": "data-list"
4640
+ "type": "data-list",
4641
+ "itemActions": [
4642
+ {
4643
+ "event": "VIEW",
4644
+ "variant": "ghost",
4645
+ "label": "View"
4646
+ },
4647
+ {
4648
+ "event": "EDIT",
4649
+ "variant": "ghost",
4650
+ "label": "Edit"
4651
+ },
4652
+ {
4653
+ "variant": "danger",
4654
+ "label": "Delete",
4655
+ "event": "DELETE"
4656
+ }
4657
+ ]
4646
4658
  }
4647
4659
  ],
4648
- "direction": "vertical",
4649
- "type": "stack",
4650
- "className": "max-w-5xl mx-auto w-full"
4660
+ "type": "stack"
4651
4661
  }
4652
4662
  ],
4663
+ "appName": "EcommerceApp",
4664
+ "type": "dashboard-layout",
4653
4665
  "navItems": [
4654
4666
  {
4655
4667
  "icon": "package",
@@ -4657,19 +4669,19 @@
4657
4669
  "href": "/products"
4658
4670
  },
4659
4671
  {
4660
- "href": "/cart",
4661
4672
  "label": "Cart",
4673
+ "href": "/cart",
4662
4674
  "icon": "shopping-cart"
4663
4675
  },
4664
4676
  {
4665
- "href": "/checkout",
4677
+ "label": "Checkout",
4666
4678
  "icon": "credit-card",
4667
- "label": "Checkout"
4679
+ "href": "/checkout"
4668
4680
  },
4669
4681
  {
4670
- "icon": "clipboard-list",
4671
4682
  "label": "Orders",
4672
- "href": "/orders"
4683
+ "href": "/orders",
4684
+ "icon": "clipboard-list"
4673
4685
  }
4674
4686
  ]
4675
4687
  }
@@ -4685,36 +4697,36 @@
4685
4697
  "render-ui",
4686
4698
  "main",
4687
4699
  {
4688
- "gap": "md",
4700
+ "type": "stack",
4689
4701
  "className": "py-12",
4690
- "direction": "vertical",
4691
- "align": "center",
4692
4702
  "children": [
4693
4703
  {
4694
- "color": "destructive",
4695
4704
  "name": "alert-triangle",
4705
+ "color": "destructive",
4696
4706
  "type": "icon"
4697
4707
  },
4698
4708
  {
4709
+ "variant": "h3",
4699
4710
  "content": "Failed to load orderrecord",
4700
- "type": "typography",
4701
- "variant": "h3"
4711
+ "type": "typography"
4702
4712
  },
4703
4713
  {
4704
- "color": "muted",
4705
4714
  "variant": "body",
4715
+ "content": "@payload.error",
4706
4716
  "type": "typography",
4707
- "content": "@payload.error"
4717
+ "color": "muted"
4708
4718
  },
4709
4719
  {
4720
+ "label": "Retry",
4710
4721
  "icon": "rotate-ccw",
4722
+ "action": "INIT",
4711
4723
  "type": "button",
4712
- "variant": "primary",
4713
- "label": "Retry",
4714
- "action": "INIT"
4724
+ "variant": "primary"
4715
4725
  }
4716
4726
  ],
4717
- "type": "stack"
4727
+ "align": "center",
4728
+ "gap": "md",
4729
+ "direction": "vertical"
4718
4730
  }
4719
4731
  ]
4720
4732
  ]
@@ -4906,8 +4918,8 @@
4906
4918
  "OrderRecord",
4907
4919
  {
4908
4920
  "emit": {
4909
- "success": "OrderRecordLoaded",
4910
- "failure": "OrderRecordLoadFailed"
4921
+ "failure": "OrderRecordLoadFailed",
4922
+ "success": "OrderRecordLoaded"
4911
4923
  }
4912
4924
  }
4913
4925
  ],
@@ -4915,21 +4927,20 @@
4915
4927
  "render-ui",
4916
4928
  "modal",
4917
4929
  {
4918
- "direction": "vertical",
4919
4930
  "type": "stack",
4920
4931
  "children": [
4921
4932
  {
4922
- "gap": "sm",
4923
4933
  "direction": "horizontal",
4934
+ "gap": "sm",
4924
4935
  "type": "stack",
4925
4936
  "children": [
4926
4937
  {
4927
- "name": "plus-circle",
4928
- "type": "icon"
4938
+ "type": "icon",
4939
+ "name": "plus-circle"
4929
4940
  },
4930
4941
  {
4931
- "content": "Create OrderRecord",
4932
4942
  "type": "typography",
4943
+ "content": "Create OrderRecord",
4933
4944
  "variant": "h3"
4934
4945
  }
4935
4946
  ]
@@ -4938,9 +4949,10 @@
4938
4949
  "type": "divider"
4939
4950
  },
4940
4951
  {
4952
+ "mode": "create",
4941
4953
  "cancelEvent": "CLOSE",
4942
- "type": "form-section",
4943
4954
  "submitEvent": "SAVE",
4955
+ "type": "form-section",
4944
4956
  "fields": [
4945
4957
  "customerName",
4946
4958
  "email",
@@ -4948,10 +4960,10 @@
4948
4960
  "paymentMethod",
4949
4961
  "orderTotal",
4950
4962
  "status"
4951
- ],
4952
- "mode": "create"
4963
+ ]
4953
4964
  }
4954
4965
  ],
4966
+ "direction": "vertical",
4955
4967
  "gap": "md"
4956
4968
  }
4957
4969
  ]
@@ -4993,8 +5005,8 @@
4993
5005
  "@payload.data",
4994
5006
  {
4995
5007
  "emit": {
4996
- "success": "OrderRecordSaved",
4997
- "failure": "OrderRecordSaveFailed"
5008
+ "failure": "OrderRecordSaveFailed",
5009
+ "success": "OrderRecordSaved"
4998
5010
  }
4999
5011
  }
5000
5012
  ],
@@ -5221,8 +5233,8 @@
5221
5233
  "OrderRecord",
5222
5234
  {
5223
5235
  "emit": {
5224
- "failure": "OrderRecordLoadFailed",
5225
- "success": "OrderRecordLoaded"
5236
+ "success": "OrderRecordLoaded",
5237
+ "failure": "OrderRecordLoadFailed"
5226
5238
  },
5227
5239
  "id": "@payload.id"
5228
5240
  }
@@ -5231,13 +5243,10 @@
5231
5243
  "render-ui",
5232
5244
  "modal",
5233
5245
  {
5234
- "direction": "vertical",
5235
- "gap": "md",
5236
- "type": "stack",
5237
5246
  "children": [
5238
5247
  {
5239
- "type": "stack",
5240
5248
  "gap": "sm",
5249
+ "type": "stack",
5241
5250
  "direction": "horizontal",
5242
5251
  "children": [
5243
5252
  {
@@ -5245,9 +5254,9 @@
5245
5254
  "type": "icon"
5246
5255
  },
5247
5256
  {
5248
- "type": "typography",
5249
5257
  "content": "Edit OrderRecord",
5250
- "variant": "h3"
5258
+ "variant": "h3",
5259
+ "type": "typography"
5251
5260
  }
5252
5261
  ]
5253
5262
  },
@@ -5255,6 +5264,10 @@
5255
5264
  "type": "divider"
5256
5265
  },
5257
5266
  {
5267
+ "entity": "@payload.row",
5268
+ "type": "form-section",
5269
+ "submitEvent": "SAVE",
5270
+ "cancelEvent": "CLOSE",
5258
5271
  "fields": [
5259
5272
  "customerName",
5260
5273
  "email",
@@ -5263,13 +5276,12 @@
5263
5276
  "orderTotal",
5264
5277
  "status"
5265
5278
  ],
5266
- "cancelEvent": "CLOSE",
5267
- "type": "form-section",
5268
- "mode": "edit",
5269
- "entity": "@payload.row",
5270
- "submitEvent": "SAVE"
5279
+ "mode": "edit"
5271
5280
  }
5272
- ]
5281
+ ],
5282
+ "direction": "vertical",
5283
+ "type": "stack",
5284
+ "gap": "md"
5273
5285
  }
5274
5286
  ]
5275
5287
  ]
@@ -5310,8 +5322,8 @@
5310
5322
  "@payload.data",
5311
5323
  {
5312
5324
  "emit": {
5313
- "failure": "OrderRecordUpdateFailed",
5314
- "success": "OrderRecordUpdated"
5325
+ "success": "OrderRecordUpdated",
5326
+ "failure": "OrderRecordUpdateFailed"
5315
5327
  }
5316
5328
  }
5317
5329
  ],
@@ -5508,8 +5520,8 @@
5508
5520
  "OrderRecord",
5509
5521
  {
5510
5522
  "emit": {
5511
- "success": "OrderRecordLoaded",
5512
- "failure": "OrderRecordLoadFailed"
5523
+ "failure": "OrderRecordLoadFailed",
5524
+ "success": "OrderRecordLoaded"
5513
5525
  },
5514
5526
  "id": "@payload.id"
5515
5527
  }
@@ -5518,19 +5530,19 @@
5518
5530
  "render-ui",
5519
5531
  "modal",
5520
5532
  {
5521
- "gap": "md",
5522
- "direction": "vertical",
5523
5533
  "type": "stack",
5534
+ "direction": "vertical",
5535
+ "gap": "md",
5524
5536
  "children": [
5525
5537
  {
5538
+ "gap": "sm",
5526
5539
  "type": "stack",
5527
5540
  "direction": "horizontal",
5528
5541
  "align": "center",
5529
- "gap": "sm",
5530
5542
  "children": [
5531
5543
  {
5532
- "type": "icon",
5533
- "name": "eye"
5544
+ "name": "eye",
5545
+ "type": "icon"
5534
5546
  },
5535
5547
  {
5536
5548
  "type": "typography",
@@ -5543,13 +5555,11 @@
5543
5555
  "type": "divider"
5544
5556
  },
5545
5557
  {
5546
- "gap": "md",
5547
- "type": "stack",
5548
5558
  "children": [
5549
5559
  {
5560
+ "type": "typography",
5550
5561
  "content": "Customer Name",
5551
- "variant": "caption",
5552
- "type": "typography"
5562
+ "variant": "caption"
5553
5563
  },
5554
5564
  {
5555
5565
  "type": "typography",
@@ -5557,9 +5567,12 @@
5557
5567
  "content": "@entity.customerName"
5558
5568
  }
5559
5569
  ],
5570
+ "gap": "md",
5571
+ "type": "stack",
5560
5572
  "direction": "horizontal"
5561
5573
  },
5562
5574
  {
5575
+ "type": "stack",
5563
5576
  "children": [
5564
5577
  {
5565
5578
  "type": "typography",
@@ -5567,19 +5580,18 @@
5567
5580
  "content": "Email"
5568
5581
  },
5569
5582
  {
5570
- "variant": "body",
5571
5583
  "content": "@entity.email",
5584
+ "variant": "body",
5572
5585
  "type": "typography"
5573
5586
  }
5574
5587
  ],
5575
5588
  "gap": "md",
5576
- "type": "stack",
5577
5589
  "direction": "horizontal"
5578
5590
  },
5579
5591
  {
5580
- "gap": "md",
5581
- "type": "stack",
5582
5592
  "direction": "horizontal",
5593
+ "type": "stack",
5594
+ "gap": "md",
5583
5595
  "children": [
5584
5596
  {
5585
5597
  "type": "typography",
@@ -5587,8 +5599,8 @@
5587
5599
  "variant": "caption"
5588
5600
  },
5589
5601
  {
5590
- "content": "@entity.shippingAddress",
5591
5602
  "variant": "body",
5603
+ "content": "@entity.shippingAddress",
5592
5604
  "type": "typography"
5593
5605
  }
5594
5606
  ]
@@ -5598,74 +5610,74 @@
5598
5610
  "direction": "horizontal",
5599
5611
  "children": [
5600
5612
  {
5601
- "variant": "caption",
5613
+ "type": "typography",
5602
5614
  "content": "Payment Method",
5603
- "type": "typography"
5615
+ "variant": "caption"
5604
5616
  },
5605
5617
  {
5606
5618
  "variant": "body",
5607
- "content": "@entity.paymentMethod",
5608
- "type": "typography"
5619
+ "type": "typography",
5620
+ "content": "@entity.paymentMethod"
5609
5621
  }
5610
5622
  ],
5611
5623
  "gap": "md"
5612
5624
  },
5613
5625
  {
5626
+ "type": "stack",
5627
+ "gap": "md",
5614
5628
  "children": [
5615
5629
  {
5616
- "type": "typography",
5617
5630
  "content": "Order Total",
5618
- "variant": "caption"
5631
+ "variant": "caption",
5632
+ "type": "typography"
5619
5633
  },
5620
5634
  {
5621
- "content": "@entity.orderTotal",
5622
5635
  "type": "typography",
5623
- "variant": "body"
5636
+ "variant": "body",
5637
+ "content": "@entity.orderTotal"
5624
5638
  }
5625
5639
  ],
5626
- "direction": "horizontal",
5627
- "type": "stack",
5628
- "gap": "md"
5640
+ "direction": "horizontal"
5629
5641
  },
5630
5642
  {
5631
- "gap": "md",
5643
+ "type": "stack",
5632
5644
  "direction": "horizontal",
5645
+ "gap": "md",
5633
5646
  "children": [
5634
5647
  {
5635
- "content": "Status",
5648
+ "type": "typography",
5636
5649
  "variant": "caption",
5637
- "type": "typography"
5650
+ "content": "Status"
5638
5651
  },
5639
5652
  {
5640
- "content": "@entity.status",
5653
+ "type": "typography",
5641
5654
  "variant": "body",
5642
- "type": "typography"
5655
+ "content": "@entity.status"
5643
5656
  }
5644
- ],
5645
- "type": "stack"
5657
+ ]
5646
5658
  },
5647
5659
  {
5648
5660
  "type": "divider"
5649
5661
  },
5650
5662
  {
5651
- "type": "stack",
5663
+ "gap": "sm",
5652
5664
  "direction": "horizontal",
5653
5665
  "children": [
5654
5666
  {
5667
+ "icon": "edit",
5655
5668
  "type": "button",
5656
- "label": "Edit",
5657
- "action": "EDIT",
5658
5669
  "variant": "primary",
5659
- "icon": "edit"
5670
+ "label": "Edit",
5671
+ "action": "EDIT"
5660
5672
  },
5661
5673
  {
5662
- "label": "Close",
5663
- "variant": "ghost",
5674
+ "action": "CLOSE",
5664
5675
  "type": "button",
5665
- "action": "CLOSE"
5676
+ "label": "Close",
5677
+ "variant": "ghost"
5666
5678
  }
5667
5679
  ],
5668
- "gap": "sm",
5680
+ "type": "stack",
5669
5681
  "justify": "end"
5670
5682
  }
5671
5683
  ]
@@ -5911,68 +5923,68 @@
5911
5923
  "fetch",
5912
5924
  "OrderRecord",
5913
5925
  {
5914
- "id": "@payload.id",
5915
5926
  "emit": {
5916
- "success": "OrderRecordLoaded",
5917
- "failure": "OrderRecordLoadFailed"
5918
- }
5927
+ "failure": "OrderRecordLoadFailed",
5928
+ "success": "OrderRecordLoaded"
5929
+ },
5930
+ "id": "@payload.id"
5919
5931
  }
5920
5932
  ],
5921
5933
  [
5922
5934
  "render-ui",
5923
5935
  "modal",
5924
5936
  {
5937
+ "gap": "md",
5938
+ "type": "stack",
5925
5939
  "children": [
5926
5940
  {
5927
- "type": "stack",
5928
5941
  "align": "center",
5929
- "direction": "horizontal",
5930
- "gap": "sm",
5931
5942
  "children": [
5932
5943
  {
5933
- "type": "icon",
5934
- "name": "alert-triangle"
5944
+ "name": "alert-triangle",
5945
+ "type": "icon"
5935
5946
  },
5936
5947
  {
5948
+ "type": "typography",
5937
5949
  "content": "Delete OrderRecord",
5938
- "variant": "h3",
5939
- "type": "typography"
5950
+ "variant": "h3"
5940
5951
  }
5941
- ]
5952
+ ],
5953
+ "gap": "sm",
5954
+ "type": "stack",
5955
+ "direction": "horizontal"
5942
5956
  },
5943
5957
  {
5944
5958
  "type": "divider"
5945
5959
  },
5946
5960
  {
5947
- "variant": "error",
5948
5961
  "type": "alert",
5949
- "message": "This action cannot be undone."
5962
+ "message": "This action cannot be undone.",
5963
+ "variant": "error"
5950
5964
  },
5951
5965
  {
5952
- "direction": "horizontal",
5953
- "type": "stack",
5954
5966
  "gap": "sm",
5955
- "justify": "end",
5956
5967
  "children": [
5957
5968
  {
5958
- "variant": "ghost",
5959
- "action": "CANCEL",
5960
5969
  "type": "button",
5961
- "label": "Cancel"
5970
+ "label": "Cancel",
5971
+ "variant": "ghost",
5972
+ "action": "CANCEL"
5962
5973
  },
5963
5974
  {
5975
+ "variant": "danger",
5964
5976
  "type": "button",
5965
5977
  "label": "Delete",
5966
- "action": "CONFIRM_DELETE",
5967
- "variant": "danger",
5968
- "icon": "check"
5978
+ "icon": "check",
5979
+ "action": "CONFIRM_DELETE"
5969
5980
  }
5970
- ]
5981
+ ],
5982
+ "direction": "horizontal",
5983
+ "type": "stack",
5984
+ "justify": "end"
5971
5985
  }
5972
5986
  ],
5973
- "direction": "vertical",
5974
- "type": "stack",
5975
- "gap": "md"
5987
+ "direction": "vertical"
5976
5988
  }
5977
5989
  ]
5978
5990
  ]
@@ -5989,8 +6001,8 @@
5989
6001
  "@entity.pendingId",
5990
6002
  {
5991
6003
  "emit": {
5992
- "success": "OrderRecordDeleted",
5993
- "failure": "OrderRecordDeleteFailed"
6004
+ "failure": "OrderRecordDeleteFailed",
6005
+ "success": "OrderRecordDeleted"
5994
6006
  }
5995
6007
  }
5996
6008
  ],
@@ -6011,8 +6023,8 @@
6011
6023
  "OrderRecord",
6012
6024
  {
6013
6025
  "emit": {
6014
- "failure": "OrderRecordLoadFailed",
6015
- "success": "OrderRecordLoaded"
6026
+ "success": "OrderRecordLoaded",
6027
+ "failure": "OrderRecordLoadFailed"
6016
6028
  }
6017
6029
  }
6018
6030
  ],
@@ -6044,8 +6056,8 @@
6044
6056
  "OrderRecord",
6045
6057
  {
6046
6058
  "emit": {
6047
- "failure": "OrderRecordLoadFailed",
6048
- "success": "OrderRecordLoaded"
6059
+ "success": "OrderRecordLoaded",
6060
+ "failure": "OrderRecordLoadFailed"
6049
6061
  }
6050
6062
  }
6051
6063
  ]