@almadar/std 14.7.1 → 14.8.0

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