@almadar/std 11.2.0 → 11.2.2
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.
- package/behaviors/registry/app/organisms/std-crm.orb +856 -856
- package/behaviors/registry/app/organisms/std-ecommerce.orb +971 -971
- package/behaviors/registry/app/organisms/std-healthcare.orb +1299 -1299
- package/behaviors/registry/app/organisms/std-helpdesk.orb +641 -641
- package/behaviors/registry/app/organisms/std-project-manager.orb +704 -704
- package/dist/behaviors/registry/app/organisms/std-crm.orb +856 -856
- package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +971 -971
- package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1299 -1299
- package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +641 -641
- package/dist/behaviors/registry/app/organisms/std-project-manager.orb +704 -704
- package/package.json +1 -1
|
@@ -657,9 +657,9 @@
|
|
|
657
657
|
"main",
|
|
658
658
|
{
|
|
659
659
|
"gap": "md",
|
|
660
|
-
"
|
|
661
|
-
"type": "stack",
|
|
660
|
+
"className": "py-12",
|
|
662
661
|
"align": "center",
|
|
662
|
+
"direction": "vertical",
|
|
663
663
|
"children": [
|
|
664
664
|
{
|
|
665
665
|
"type": "spinner"
|
|
@@ -667,11 +667,11 @@
|
|
|
667
667
|
{
|
|
668
668
|
"type": "typography",
|
|
669
669
|
"color": "muted",
|
|
670
|
-
"
|
|
671
|
-
"
|
|
670
|
+
"variant": "caption",
|
|
671
|
+
"content": "Loading…"
|
|
672
672
|
}
|
|
673
673
|
],
|
|
674
|
-
"
|
|
674
|
+
"type": "stack"
|
|
675
675
|
}
|
|
676
676
|
]
|
|
677
677
|
]
|
|
@@ -685,70 +685,113 @@
|
|
|
685
685
|
"render-ui",
|
|
686
686
|
"main",
|
|
687
687
|
{
|
|
688
|
+
"navItems": [
|
|
689
|
+
{
|
|
690
|
+
"href": "/products",
|
|
691
|
+
"label": "Products",
|
|
692
|
+
"icon": "package"
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"icon": "shopping-cart",
|
|
696
|
+
"href": "/cart",
|
|
697
|
+
"label": "Cart"
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
"label": "Checkout",
|
|
701
|
+
"href": "/checkout",
|
|
702
|
+
"icon": "credit-card"
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
"href": "/orders",
|
|
706
|
+
"icon": "clipboard-list",
|
|
707
|
+
"label": "Orders"
|
|
708
|
+
}
|
|
709
|
+
],
|
|
710
|
+
"type": "dashboard-layout",
|
|
688
711
|
"appName": "EcommerceApp",
|
|
689
712
|
"children": [
|
|
690
713
|
{
|
|
691
714
|
"type": "stack",
|
|
715
|
+
"gap": "lg",
|
|
692
716
|
"children": [
|
|
693
717
|
{
|
|
718
|
+
"type": "stack",
|
|
719
|
+
"justify": "between",
|
|
720
|
+
"gap": "md",
|
|
694
721
|
"children": [
|
|
695
722
|
{
|
|
696
723
|
"direction": "horizontal",
|
|
697
|
-
"gap": "sm",
|
|
698
|
-
"align": "center",
|
|
699
724
|
"children": [
|
|
700
725
|
{
|
|
701
726
|
"name": "package",
|
|
702
727
|
"type": "icon"
|
|
703
728
|
},
|
|
704
729
|
{
|
|
705
|
-
"
|
|
730
|
+
"variant": "h2",
|
|
706
731
|
"type": "typography",
|
|
707
|
-
"
|
|
732
|
+
"content": "Products"
|
|
708
733
|
}
|
|
709
734
|
],
|
|
710
|
-
"type": "stack"
|
|
735
|
+
"type": "stack",
|
|
736
|
+
"align": "center",
|
|
737
|
+
"gap": "sm"
|
|
711
738
|
},
|
|
712
739
|
{
|
|
713
740
|
"type": "stack",
|
|
714
|
-
"gap": "sm",
|
|
715
|
-
"direction": "horizontal",
|
|
716
741
|
"children": [
|
|
717
742
|
{
|
|
718
743
|
"variant": "primary",
|
|
719
744
|
"label": "Create Product",
|
|
720
|
-
"action": "CREATE",
|
|
721
745
|
"icon": "plus",
|
|
722
|
-
"type": "button"
|
|
746
|
+
"type": "button",
|
|
747
|
+
"action": "CREATE"
|
|
723
748
|
}
|
|
724
|
-
]
|
|
749
|
+
],
|
|
750
|
+
"direction": "horizontal",
|
|
751
|
+
"gap": "sm"
|
|
725
752
|
}
|
|
726
753
|
],
|
|
727
|
-
"direction": "horizontal",
|
|
728
|
-
"type": "stack",
|
|
729
|
-
"justify": "between",
|
|
730
754
|
"align": "center",
|
|
731
|
-
"
|
|
755
|
+
"direction": "horizontal"
|
|
732
756
|
},
|
|
733
757
|
{
|
|
734
758
|
"type": "divider"
|
|
735
759
|
},
|
|
736
760
|
{
|
|
761
|
+
"itemActions": [
|
|
762
|
+
{
|
|
763
|
+
"label": "View",
|
|
764
|
+
"variant": "ghost",
|
|
765
|
+
"event": "VIEW"
|
|
766
|
+
},
|
|
767
|
+
{
|
|
768
|
+
"label": "Edit",
|
|
769
|
+
"event": "EDIT",
|
|
770
|
+
"variant": "ghost"
|
|
771
|
+
},
|
|
772
|
+
{
|
|
773
|
+
"event": "DELETE",
|
|
774
|
+
"label": "Delete",
|
|
775
|
+
"variant": "danger"
|
|
776
|
+
}
|
|
777
|
+
],
|
|
778
|
+
"gap": "md",
|
|
779
|
+
"type": "data-grid",
|
|
737
780
|
"entity": "@payload.data",
|
|
738
|
-
"
|
|
781
|
+
"cols": 3.0,
|
|
739
782
|
"columns": [
|
|
740
783
|
{
|
|
741
784
|
"variant": "h3",
|
|
742
|
-
"
|
|
743
|
-
"
|
|
785
|
+
"name": "name",
|
|
786
|
+
"icon": "package"
|
|
744
787
|
},
|
|
745
788
|
{
|
|
746
789
|
"name": "category",
|
|
747
790
|
"variant": "badge"
|
|
748
791
|
},
|
|
749
792
|
{
|
|
750
|
-
"format": "currency",
|
|
751
793
|
"variant": "h4",
|
|
794
|
+
"format": "currency",
|
|
752
795
|
"name": "price"
|
|
753
796
|
},
|
|
754
797
|
{
|
|
@@ -756,62 +799,19 @@
|
|
|
756
799
|
"variant": "caption"
|
|
757
800
|
},
|
|
758
801
|
{
|
|
802
|
+
"name": "inStock",
|
|
759
803
|
"format": "boolean",
|
|
760
|
-
"variant": "body",
|
|
761
804
|
"label": "In Stock",
|
|
762
|
-
"
|
|
763
|
-
}
|
|
764
|
-
],
|
|
765
|
-
"gap": "md",
|
|
766
|
-
"itemActions": [
|
|
767
|
-
{
|
|
768
|
-
"event": "VIEW",
|
|
769
|
-
"label": "View",
|
|
770
|
-
"variant": "ghost"
|
|
771
|
-
},
|
|
772
|
-
{
|
|
773
|
-
"event": "EDIT",
|
|
774
|
-
"variant": "ghost",
|
|
775
|
-
"label": "Edit"
|
|
776
|
-
},
|
|
777
|
-
{
|
|
778
|
-
"event": "DELETE",
|
|
779
|
-
"variant": "danger",
|
|
780
|
-
"label": "Delete"
|
|
805
|
+
"variant": "body"
|
|
781
806
|
}
|
|
782
807
|
],
|
|
783
|
-
"
|
|
784
|
-
"cols": 3.0
|
|
808
|
+
"fields": []
|
|
785
809
|
}
|
|
786
810
|
],
|
|
787
|
-
"gap": "lg",
|
|
788
811
|
"direction": "vertical",
|
|
789
812
|
"className": "max-w-5xl mx-auto w-full"
|
|
790
813
|
}
|
|
791
|
-
]
|
|
792
|
-
"navItems": [
|
|
793
|
-
{
|
|
794
|
-
"label": "Products",
|
|
795
|
-
"icon": "package",
|
|
796
|
-
"href": "/products"
|
|
797
|
-
},
|
|
798
|
-
{
|
|
799
|
-
"icon": "shopping-cart",
|
|
800
|
-
"href": "/cart",
|
|
801
|
-
"label": "Cart"
|
|
802
|
-
},
|
|
803
|
-
{
|
|
804
|
-
"href": "/checkout",
|
|
805
|
-
"icon": "credit-card",
|
|
806
|
-
"label": "Checkout"
|
|
807
|
-
},
|
|
808
|
-
{
|
|
809
|
-
"icon": "clipboard-list",
|
|
810
|
-
"label": "Orders",
|
|
811
|
-
"href": "/orders"
|
|
812
|
-
}
|
|
813
|
-
],
|
|
814
|
-
"type": "dashboard-layout"
|
|
814
|
+
]
|
|
815
815
|
}
|
|
816
816
|
]
|
|
817
817
|
]
|
|
@@ -825,36 +825,36 @@
|
|
|
825
825
|
"render-ui",
|
|
826
826
|
"main",
|
|
827
827
|
{
|
|
828
|
-
"gap": "md",
|
|
829
828
|
"type": "stack",
|
|
829
|
+
"direction": "vertical",
|
|
830
|
+
"align": "center",
|
|
830
831
|
"className": "py-12",
|
|
832
|
+
"gap": "md",
|
|
831
833
|
"children": [
|
|
832
834
|
{
|
|
833
|
-
"
|
|
835
|
+
"color": "destructive",
|
|
834
836
|
"name": "alert-triangle",
|
|
835
|
-
"
|
|
837
|
+
"type": "icon"
|
|
836
838
|
},
|
|
837
839
|
{
|
|
840
|
+
"variant": "h3",
|
|
838
841
|
"content": "Failed to load product",
|
|
839
|
-
"type": "typography"
|
|
840
|
-
"variant": "h3"
|
|
842
|
+
"type": "typography"
|
|
841
843
|
},
|
|
842
844
|
{
|
|
843
|
-
"variant": "body",
|
|
844
|
-
"type": "typography",
|
|
845
845
|
"color": "muted",
|
|
846
|
-
"content": "@payload.error"
|
|
846
|
+
"content": "@payload.error",
|
|
847
|
+
"type": "typography",
|
|
848
|
+
"variant": "body"
|
|
847
849
|
},
|
|
848
850
|
{
|
|
851
|
+
"label": "Retry",
|
|
849
852
|
"type": "button",
|
|
850
|
-
"
|
|
853
|
+
"icon": "rotate-ccw",
|
|
851
854
|
"variant": "primary",
|
|
852
|
-
"
|
|
853
|
-
"icon": "rotate-ccw"
|
|
855
|
+
"action": "INIT"
|
|
854
856
|
}
|
|
855
|
-
]
|
|
856
|
-
"direction": "vertical",
|
|
857
|
-
"align": "center"
|
|
857
|
+
]
|
|
858
858
|
}
|
|
859
859
|
]
|
|
860
860
|
]
|
|
@@ -1027,8 +1027,8 @@
|
|
|
1027
1027
|
"Product",
|
|
1028
1028
|
{
|
|
1029
1029
|
"emit": {
|
|
1030
|
-
"
|
|
1031
|
-
"
|
|
1030
|
+
"failure": "ProductLoadFailed",
|
|
1031
|
+
"success": "ProductLoaded"
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
1034
|
]
|
|
@@ -1044,8 +1044,8 @@
|
|
|
1044
1044
|
"Product",
|
|
1045
1045
|
{
|
|
1046
1046
|
"emit": {
|
|
1047
|
-
"
|
|
1048
|
-
"
|
|
1047
|
+
"success": "ProductLoaded",
|
|
1048
|
+
"failure": "ProductLoadFailed"
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
1051
1051
|
],
|
|
@@ -1053,31 +1053,33 @@
|
|
|
1053
1053
|
"render-ui",
|
|
1054
1054
|
"modal",
|
|
1055
1055
|
{
|
|
1056
|
+
"direction": "vertical",
|
|
1057
|
+
"gap": "md",
|
|
1056
1058
|
"children": [
|
|
1057
1059
|
{
|
|
1060
|
+
"type": "stack",
|
|
1061
|
+
"gap": "sm",
|
|
1058
1062
|
"children": [
|
|
1059
1063
|
{
|
|
1060
|
-
"
|
|
1061
|
-
"
|
|
1064
|
+
"name": "plus-circle",
|
|
1065
|
+
"type": "icon"
|
|
1062
1066
|
},
|
|
1063
1067
|
{
|
|
1064
1068
|
"variant": "h3",
|
|
1065
|
-
"
|
|
1066
|
-
"
|
|
1069
|
+
"type": "typography",
|
|
1070
|
+
"content": "Create Product"
|
|
1067
1071
|
}
|
|
1068
1072
|
],
|
|
1069
|
-
"direction": "horizontal"
|
|
1070
|
-
"type": "stack",
|
|
1071
|
-
"gap": "sm"
|
|
1073
|
+
"direction": "horizontal"
|
|
1072
1074
|
},
|
|
1073
1075
|
{
|
|
1074
1076
|
"type": "divider"
|
|
1075
1077
|
},
|
|
1076
1078
|
{
|
|
1077
|
-
"type": "form-section",
|
|
1078
|
-
"submitEvent": "SAVE",
|
|
1079
1079
|
"mode": "create",
|
|
1080
|
+
"type": "form-section",
|
|
1080
1081
|
"cancelEvent": "CLOSE",
|
|
1082
|
+
"submitEvent": "SAVE",
|
|
1081
1083
|
"fields": [
|
|
1082
1084
|
"name",
|
|
1083
1085
|
"description",
|
|
@@ -1088,9 +1090,7 @@
|
|
|
1088
1090
|
]
|
|
1089
1091
|
}
|
|
1090
1092
|
],
|
|
1091
|
-
"type": "stack"
|
|
1092
|
-
"direction": "vertical",
|
|
1093
|
-
"gap": "md"
|
|
1093
|
+
"type": "stack"
|
|
1094
1094
|
}
|
|
1095
1095
|
]
|
|
1096
1096
|
]
|
|
@@ -1351,8 +1351,8 @@
|
|
|
1351
1351
|
{
|
|
1352
1352
|
"id": "@payload.id",
|
|
1353
1353
|
"emit": {
|
|
1354
|
-
"
|
|
1355
|
-
"
|
|
1354
|
+
"success": "ProductLoaded",
|
|
1355
|
+
"failure": "ProductLoadFailed"
|
|
1356
1356
|
}
|
|
1357
1357
|
}
|
|
1358
1358
|
],
|
|
@@ -1360,17 +1360,13 @@
|
|
|
1360
1360
|
"render-ui",
|
|
1361
1361
|
"modal",
|
|
1362
1362
|
{
|
|
1363
|
-
"type": "stack",
|
|
1364
|
-
"direction": "vertical",
|
|
1365
|
-
"gap": "md",
|
|
1366
1363
|
"children": [
|
|
1367
1364
|
{
|
|
1368
1365
|
"direction": "horizontal",
|
|
1369
|
-
"type": "stack",
|
|
1370
1366
|
"children": [
|
|
1371
1367
|
{
|
|
1372
|
-
"
|
|
1373
|
-
"
|
|
1368
|
+
"type": "icon",
|
|
1369
|
+
"name": "edit"
|
|
1374
1370
|
},
|
|
1375
1371
|
{
|
|
1376
1372
|
"content": "Edit Product",
|
|
@@ -1378,17 +1374,17 @@
|
|
|
1378
1374
|
"variant": "h3"
|
|
1379
1375
|
}
|
|
1380
1376
|
],
|
|
1377
|
+
"type": "stack",
|
|
1381
1378
|
"gap": "sm"
|
|
1382
1379
|
},
|
|
1383
1380
|
{
|
|
1384
1381
|
"type": "divider"
|
|
1385
1382
|
},
|
|
1386
1383
|
{
|
|
1387
|
-
"mode": "edit",
|
|
1388
1384
|
"entity": "@payload.row",
|
|
1389
1385
|
"type": "form-section",
|
|
1390
|
-
"submitEvent": "SAVE",
|
|
1391
1386
|
"cancelEvent": "CLOSE",
|
|
1387
|
+
"submitEvent": "SAVE",
|
|
1392
1388
|
"fields": [
|
|
1393
1389
|
"name",
|
|
1394
1390
|
"description",
|
|
@@ -1396,9 +1392,13 @@
|
|
|
1396
1392
|
"category",
|
|
1397
1393
|
"sku",
|
|
1398
1394
|
"inStock"
|
|
1399
|
-
]
|
|
1395
|
+
],
|
|
1396
|
+
"mode": "edit"
|
|
1400
1397
|
}
|
|
1401
|
-
]
|
|
1398
|
+
],
|
|
1399
|
+
"gap": "md",
|
|
1400
|
+
"type": "stack",
|
|
1401
|
+
"direction": "vertical"
|
|
1402
1402
|
}
|
|
1403
1403
|
]
|
|
1404
1404
|
]
|
|
@@ -1439,8 +1439,8 @@
|
|
|
1439
1439
|
"@payload.data",
|
|
1440
1440
|
{
|
|
1441
1441
|
"emit": {
|
|
1442
|
-
"
|
|
1443
|
-
"
|
|
1442
|
+
"failure": "ProductUpdateFailed",
|
|
1443
|
+
"success": "ProductUpdated"
|
|
1444
1444
|
}
|
|
1445
1445
|
}
|
|
1446
1446
|
],
|
|
@@ -1591,11 +1591,11 @@
|
|
|
1591
1591
|
"fetch",
|
|
1592
1592
|
"Product",
|
|
1593
1593
|
{
|
|
1594
|
-
"id": "@payload.id",
|
|
1595
1594
|
"emit": {
|
|
1596
|
-
"
|
|
1597
|
-
"
|
|
1598
|
-
}
|
|
1595
|
+
"success": "ProductLoaded",
|
|
1596
|
+
"failure": "ProductLoadFailed"
|
|
1597
|
+
},
|
|
1598
|
+
"id": "@payload.id"
|
|
1599
1599
|
}
|
|
1600
1600
|
],
|
|
1601
1601
|
[
|
|
@@ -1603,29 +1603,29 @@
|
|
|
1603
1603
|
"modal",
|
|
1604
1604
|
{
|
|
1605
1605
|
"gap": "md",
|
|
1606
|
+
"type": "stack",
|
|
1606
1607
|
"children": [
|
|
1607
1608
|
{
|
|
1608
|
-
"align": "center",
|
|
1609
|
-
"direction": "horizontal",
|
|
1610
|
-
"gap": "sm",
|
|
1611
1609
|
"type": "stack",
|
|
1610
|
+
"gap": "sm",
|
|
1611
|
+
"direction": "horizontal",
|
|
1612
1612
|
"children": [
|
|
1613
1613
|
{
|
|
1614
|
-
"
|
|
1615
|
-
"
|
|
1614
|
+
"name": "eye",
|
|
1615
|
+
"type": "icon"
|
|
1616
1616
|
},
|
|
1617
1617
|
{
|
|
1618
|
-
"variant": "h3",
|
|
1619
1618
|
"type": "typography",
|
|
1619
|
+
"variant": "h3",
|
|
1620
1620
|
"content": "@entity.name"
|
|
1621
1621
|
}
|
|
1622
|
-
]
|
|
1622
|
+
],
|
|
1623
|
+
"align": "center"
|
|
1623
1624
|
},
|
|
1624
1625
|
{
|
|
1625
1626
|
"type": "divider"
|
|
1626
1627
|
},
|
|
1627
1628
|
{
|
|
1628
|
-
"gap": "md",
|
|
1629
1629
|
"type": "stack",
|
|
1630
1630
|
"direction": "horizontal",
|
|
1631
1631
|
"children": [
|
|
@@ -1636,15 +1636,15 @@
|
|
|
1636
1636
|
},
|
|
1637
1637
|
{
|
|
1638
1638
|
"variant": "body",
|
|
1639
|
-
"
|
|
1640
|
-
"
|
|
1639
|
+
"content": "@entity.name",
|
|
1640
|
+
"type": "typography"
|
|
1641
1641
|
}
|
|
1642
|
-
]
|
|
1642
|
+
],
|
|
1643
|
+
"gap": "md"
|
|
1643
1644
|
},
|
|
1644
1645
|
{
|
|
1645
|
-
"gap": "md",
|
|
1646
|
-
"type": "stack",
|
|
1647
1646
|
"direction": "horizontal",
|
|
1647
|
+
"type": "stack",
|
|
1648
1648
|
"children": [
|
|
1649
1649
|
{
|
|
1650
1650
|
"type": "typography",
|
|
@@ -1652,54 +1652,54 @@
|
|
|
1652
1652
|
"variant": "caption"
|
|
1653
1653
|
},
|
|
1654
1654
|
{
|
|
1655
|
-
"type": "typography",
|
|
1656
1655
|
"variant": "body",
|
|
1656
|
+
"type": "typography",
|
|
1657
1657
|
"content": "@entity.description"
|
|
1658
1658
|
}
|
|
1659
|
-
]
|
|
1659
|
+
],
|
|
1660
|
+
"gap": "md"
|
|
1660
1661
|
},
|
|
1661
1662
|
{
|
|
1662
|
-
"direction": "horizontal",
|
|
1663
1663
|
"type": "stack",
|
|
1664
|
+
"gap": "md",
|
|
1664
1665
|
"children": [
|
|
1665
1666
|
{
|
|
1667
|
+
"variant": "caption",
|
|
1666
1668
|
"type": "typography",
|
|
1667
|
-
"content": "Price"
|
|
1668
|
-
"variant": "caption"
|
|
1669
|
+
"content": "Price"
|
|
1669
1670
|
},
|
|
1670
1671
|
{
|
|
1672
|
+
"type": "typography",
|
|
1671
1673
|
"variant": "body",
|
|
1672
|
-
"content": "@entity.price"
|
|
1673
|
-
"type": "typography"
|
|
1674
|
+
"content": "@entity.price"
|
|
1674
1675
|
}
|
|
1675
1676
|
],
|
|
1676
|
-
"
|
|
1677
|
+
"direction": "horizontal"
|
|
1677
1678
|
},
|
|
1678
1679
|
{
|
|
1679
|
-
"direction": "horizontal",
|
|
1680
|
-
"gap": "md",
|
|
1681
1680
|
"children": [
|
|
1682
1681
|
{
|
|
1683
|
-
"type": "typography",
|
|
1684
1682
|
"content": "Category",
|
|
1685
|
-
"variant": "caption"
|
|
1683
|
+
"variant": "caption",
|
|
1684
|
+
"type": "typography"
|
|
1686
1685
|
},
|
|
1687
1686
|
{
|
|
1688
|
-
"
|
|
1687
|
+
"variant": "body",
|
|
1689
1688
|
"content": "@entity.category",
|
|
1690
|
-
"
|
|
1689
|
+
"type": "typography"
|
|
1691
1690
|
}
|
|
1692
1691
|
],
|
|
1693
|
-
"type": "stack"
|
|
1694
|
-
},
|
|
1695
|
-
{
|
|
1692
|
+
"type": "stack",
|
|
1696
1693
|
"gap": "md",
|
|
1697
|
-
"direction": "horizontal"
|
|
1694
|
+
"direction": "horizontal"
|
|
1695
|
+
},
|
|
1696
|
+
{
|
|
1698
1697
|
"type": "stack",
|
|
1698
|
+
"gap": "md",
|
|
1699
1699
|
"children": [
|
|
1700
1700
|
{
|
|
1701
|
-
"variant": "caption",
|
|
1702
1701
|
"type": "typography",
|
|
1702
|
+
"variant": "caption",
|
|
1703
1703
|
"content": "Sku"
|
|
1704
1704
|
},
|
|
1705
1705
|
{
|
|
@@ -1707,17 +1707,18 @@
|
|
|
1707
1707
|
"type": "typography",
|
|
1708
1708
|
"content": "@entity.sku"
|
|
1709
1709
|
}
|
|
1710
|
-
]
|
|
1710
|
+
],
|
|
1711
|
+
"direction": "horizontal"
|
|
1711
1712
|
},
|
|
1712
1713
|
{
|
|
1713
1714
|
"direction": "horizontal",
|
|
1714
|
-
"gap": "md",
|
|
1715
1715
|
"type": "stack",
|
|
1716
|
+
"gap": "md",
|
|
1716
1717
|
"children": [
|
|
1717
1718
|
{
|
|
1718
|
-
"
|
|
1719
|
+
"content": "In Stock",
|
|
1719
1720
|
"variant": "caption",
|
|
1720
|
-
"
|
|
1721
|
+
"type": "typography"
|
|
1721
1722
|
},
|
|
1722
1723
|
{
|
|
1723
1724
|
"content": "@entity.inStock",
|
|
@@ -1730,28 +1731,27 @@
|
|
|
1730
1731
|
"type": "divider"
|
|
1731
1732
|
},
|
|
1732
1733
|
{
|
|
1733
|
-
"type": "stack",
|
|
1734
|
-
"justify": "end",
|
|
1735
1734
|
"direction": "horizontal",
|
|
1736
1735
|
"gap": "sm",
|
|
1736
|
+
"type": "stack",
|
|
1737
|
+
"justify": "end",
|
|
1737
1738
|
"children": [
|
|
1738
1739
|
{
|
|
1739
1740
|
"label": "Edit",
|
|
1740
1741
|
"type": "button",
|
|
1741
|
-
"icon": "edit",
|
|
1742
1742
|
"variant": "primary",
|
|
1743
|
+
"icon": "edit",
|
|
1743
1744
|
"action": "EDIT"
|
|
1744
1745
|
},
|
|
1745
1746
|
{
|
|
1746
|
-
"
|
|
1747
|
-
"variant": "ghost",
|
|
1747
|
+
"label": "Close",
|
|
1748
1748
|
"type": "button",
|
|
1749
|
-
"
|
|
1749
|
+
"action": "CLOSE",
|
|
1750
|
+
"variant": "ghost"
|
|
1750
1751
|
}
|
|
1751
1752
|
]
|
|
1752
1753
|
}
|
|
1753
1754
|
],
|
|
1754
|
-
"type": "stack",
|
|
1755
1755
|
"direction": "vertical"
|
|
1756
1756
|
}
|
|
1757
1757
|
]
|
|
@@ -1993,34 +1993,36 @@
|
|
|
1993
1993
|
"fetch",
|
|
1994
1994
|
"Product",
|
|
1995
1995
|
{
|
|
1996
|
-
"id": "@payload.id",
|
|
1997
1996
|
"emit": {
|
|
1998
|
-
"
|
|
1999
|
-
"
|
|
2000
|
-
}
|
|
1997
|
+
"success": "ProductLoaded",
|
|
1998
|
+
"failure": "ProductLoadFailed"
|
|
1999
|
+
},
|
|
2000
|
+
"id": "@payload.id"
|
|
2001
2001
|
}
|
|
2002
2002
|
],
|
|
2003
2003
|
[
|
|
2004
2004
|
"render-ui",
|
|
2005
2005
|
"modal",
|
|
2006
2006
|
{
|
|
2007
|
+
"direction": "vertical",
|
|
2008
|
+
"gap": "md",
|
|
2007
2009
|
"children": [
|
|
2008
2010
|
{
|
|
2011
|
+
"direction": "horizontal",
|
|
2009
2012
|
"gap": "sm",
|
|
2013
|
+
"type": "stack",
|
|
2010
2014
|
"align": "center",
|
|
2011
2015
|
"children": [
|
|
2012
2016
|
{
|
|
2013
|
-
"
|
|
2014
|
-
"
|
|
2017
|
+
"type": "icon",
|
|
2018
|
+
"name": "alert-triangle"
|
|
2015
2019
|
},
|
|
2016
2020
|
{
|
|
2021
|
+
"variant": "h3",
|
|
2017
2022
|
"content": "Delete Product",
|
|
2018
|
-
"type": "typography"
|
|
2019
|
-
"variant": "h3"
|
|
2023
|
+
"type": "typography"
|
|
2020
2024
|
}
|
|
2021
|
-
]
|
|
2022
|
-
"direction": "horizontal",
|
|
2023
|
-
"type": "stack"
|
|
2025
|
+
]
|
|
2024
2026
|
},
|
|
2025
2027
|
{
|
|
2026
2028
|
"type": "divider"
|
|
@@ -2032,29 +2034,27 @@
|
|
|
2032
2034
|
},
|
|
2033
2035
|
{
|
|
2034
2036
|
"direction": "horizontal",
|
|
2035
|
-
"gap": "sm",
|
|
2036
|
-
"justify": "end",
|
|
2037
2037
|
"type": "stack",
|
|
2038
|
+
"justify": "end",
|
|
2039
|
+
"gap": "sm",
|
|
2038
2040
|
"children": [
|
|
2039
2041
|
{
|
|
2040
|
-
"type": "button",
|
|
2041
|
-
"action": "CANCEL",
|
|
2042
2042
|
"label": "Cancel",
|
|
2043
|
-
"
|
|
2043
|
+
"action": "CANCEL",
|
|
2044
|
+
"variant": "ghost",
|
|
2045
|
+
"type": "button"
|
|
2044
2046
|
},
|
|
2045
2047
|
{
|
|
2046
|
-
"label": "Delete",
|
|
2047
2048
|
"variant": "danger",
|
|
2048
2049
|
"type": "button",
|
|
2050
|
+
"icon": "check",
|
|
2049
2051
|
"action": "CONFIRM_DELETE",
|
|
2050
|
-
"
|
|
2052
|
+
"label": "Delete"
|
|
2051
2053
|
}
|
|
2052
2054
|
]
|
|
2053
2055
|
}
|
|
2054
2056
|
],
|
|
2055
|
-
"
|
|
2056
|
-
"type": "stack",
|
|
2057
|
-
"direction": "vertical"
|
|
2057
|
+
"type": "stack"
|
|
2058
2058
|
}
|
|
2059
2059
|
]
|
|
2060
2060
|
]
|
|
@@ -2357,22 +2357,22 @@
|
|
|
2357
2357
|
"render-ui",
|
|
2358
2358
|
"main",
|
|
2359
2359
|
{
|
|
2360
|
-
"gap": "md",
|
|
2361
2360
|
"direction": "vertical",
|
|
2362
|
-
"align": "center",
|
|
2363
2361
|
"className": "py-12",
|
|
2364
2362
|
"children": [
|
|
2365
2363
|
{
|
|
2366
2364
|
"type": "spinner"
|
|
2367
2365
|
},
|
|
2368
2366
|
{
|
|
2367
|
+
"type": "typography",
|
|
2369
2368
|
"variant": "caption",
|
|
2370
2369
|
"color": "muted",
|
|
2371
|
-
"content": "Loading…"
|
|
2372
|
-
"type": "typography"
|
|
2370
|
+
"content": "Loading…"
|
|
2373
2371
|
}
|
|
2374
2372
|
],
|
|
2375
|
-
"type": "stack"
|
|
2373
|
+
"type": "stack",
|
|
2374
|
+
"gap": "md",
|
|
2375
|
+
"align": "center"
|
|
2376
2376
|
}
|
|
2377
2377
|
]
|
|
2378
2378
|
]
|
|
@@ -2386,39 +2386,36 @@
|
|
|
2386
2386
|
"render-ui",
|
|
2387
2387
|
"main",
|
|
2388
2388
|
{
|
|
2389
|
-
"appName": "EcommerceApp",
|
|
2390
2389
|
"children": [
|
|
2391
2390
|
{
|
|
2392
|
-
"gap": "lg",
|
|
2393
|
-
"direction": "vertical",
|
|
2394
2391
|
"children": [
|
|
2395
2392
|
{
|
|
2393
|
+
"type": "stack",
|
|
2396
2394
|
"direction": "horizontal",
|
|
2397
2395
|
"justify": "between",
|
|
2398
|
-
"type": "stack",
|
|
2399
2396
|
"children": [
|
|
2400
2397
|
{
|
|
2401
|
-
"type": "stack",
|
|
2402
2398
|
"direction": "horizontal",
|
|
2403
|
-
"
|
|
2399
|
+
"type": "stack",
|
|
2404
2400
|
"children": [
|
|
2405
2401
|
{
|
|
2406
|
-
"
|
|
2407
|
-
"
|
|
2402
|
+
"name": "shopping-cart",
|
|
2403
|
+
"type": "icon"
|
|
2408
2404
|
},
|
|
2409
2405
|
{
|
|
2410
|
-
"content": "Shopping Cart",
|
|
2411
2406
|
"type": "typography",
|
|
2407
|
+
"content": "Shopping Cart",
|
|
2412
2408
|
"variant": "h2"
|
|
2413
2409
|
}
|
|
2414
|
-
]
|
|
2410
|
+
],
|
|
2411
|
+
"gap": "md"
|
|
2415
2412
|
},
|
|
2416
2413
|
{
|
|
2417
|
-
"
|
|
2418
|
-
"type": "button",
|
|
2414
|
+
"icon": "plus",
|
|
2419
2415
|
"action": "ADD_ITEM",
|
|
2416
|
+
"label": "Add Item",
|
|
2420
2417
|
"variant": "primary",
|
|
2421
|
-
"
|
|
2418
|
+
"type": "button"
|
|
2422
2419
|
}
|
|
2423
2420
|
],
|
|
2424
2421
|
"gap": "md"
|
|
@@ -2428,27 +2425,27 @@
|
|
|
2428
2425
|
},
|
|
2429
2426
|
{
|
|
2430
2427
|
"cols": 3.0,
|
|
2431
|
-
"type": "simple-grid",
|
|
2432
2428
|
"children": [
|
|
2433
2429
|
{
|
|
2434
2430
|
"icon": "package",
|
|
2435
|
-
"value": "@entity",
|
|
2436
2431
|
"label": "Items",
|
|
2432
|
+
"value": "@payload.data.length",
|
|
2437
2433
|
"type": "stat-display"
|
|
2438
2434
|
},
|
|
2439
2435
|
{
|
|
2436
|
+
"icon": "dollar-sign",
|
|
2440
2437
|
"type": "stat-display",
|
|
2441
2438
|
"label": "Subtotal",
|
|
2442
|
-
"
|
|
2443
|
-
"value": "@entity"
|
|
2439
|
+
"value": "@payload.data.length"
|
|
2444
2440
|
},
|
|
2445
2441
|
{
|
|
2446
2442
|
"type": "stat-display",
|
|
2447
|
-
"value": "@entity",
|
|
2448
2443
|
"icon": "receipt",
|
|
2449
|
-
"label": "Total"
|
|
2444
|
+
"label": "Total",
|
|
2445
|
+
"value": "@payload.data.length"
|
|
2450
2446
|
}
|
|
2451
|
-
]
|
|
2447
|
+
],
|
|
2448
|
+
"type": "simple-grid"
|
|
2452
2449
|
},
|
|
2453
2450
|
{
|
|
2454
2451
|
"type": "divider"
|
|
@@ -2456,24 +2453,24 @@
|
|
|
2456
2453
|
{
|
|
2457
2454
|
"columns": [
|
|
2458
2455
|
{
|
|
2459
|
-
"variant": "h4",
|
|
2460
2456
|
"name": "productName",
|
|
2461
|
-
"
|
|
2462
|
-
"
|
|
2457
|
+
"label": "Product Name",
|
|
2458
|
+
"variant": "h4",
|
|
2459
|
+
"icon": "shopping-cart"
|
|
2463
2460
|
},
|
|
2464
2461
|
{
|
|
2465
|
-
"label": "Quantity",
|
|
2466
2462
|
"format": "currency",
|
|
2467
|
-
"
|
|
2468
|
-
"variant": "caption"
|
|
2463
|
+
"label": "Quantity",
|
|
2464
|
+
"variant": "caption",
|
|
2465
|
+
"name": "quantity"
|
|
2469
2466
|
},
|
|
2470
2467
|
{
|
|
2471
2468
|
"label": "Unit Price",
|
|
2472
|
-
"
|
|
2473
|
-
"
|
|
2469
|
+
"name": "unitPrice",
|
|
2470
|
+
"variant": "badge"
|
|
2474
2471
|
}
|
|
2475
2472
|
],
|
|
2476
|
-
"
|
|
2473
|
+
"entity": "@payload.data",
|
|
2477
2474
|
"type": "data-grid",
|
|
2478
2475
|
"itemActions": [
|
|
2479
2476
|
{
|
|
@@ -2482,42 +2479,45 @@
|
|
|
2482
2479
|
"event": "REQUEST_REMOVE"
|
|
2483
2480
|
}
|
|
2484
2481
|
],
|
|
2485
|
-
"
|
|
2482
|
+
"fields": []
|
|
2486
2483
|
},
|
|
2487
2484
|
{
|
|
2485
|
+
"label": "Proceed to Checkout",
|
|
2488
2486
|
"icon": "arrow-right",
|
|
2489
|
-
"action": "PROCEED_CHECKOUT",
|
|
2490
2487
|
"type": "button",
|
|
2491
|
-
"
|
|
2488
|
+
"action": "PROCEED_CHECKOUT",
|
|
2492
2489
|
"variant": "primary"
|
|
2493
2490
|
}
|
|
2494
2491
|
],
|
|
2492
|
+
"gap": "lg",
|
|
2493
|
+
"direction": "vertical",
|
|
2495
2494
|
"type": "stack"
|
|
2496
2495
|
}
|
|
2497
2496
|
],
|
|
2498
2497
|
"navItems": [
|
|
2499
2498
|
{
|
|
2500
2499
|
"icon": "package",
|
|
2501
|
-
"
|
|
2502
|
-
"
|
|
2500
|
+
"href": "/products",
|
|
2501
|
+
"label": "Products"
|
|
2503
2502
|
},
|
|
2504
2503
|
{
|
|
2505
2504
|
"href": "/cart",
|
|
2506
|
-
"
|
|
2507
|
-
"
|
|
2505
|
+
"label": "Cart",
|
|
2506
|
+
"icon": "shopping-cart"
|
|
2508
2507
|
},
|
|
2509
2508
|
{
|
|
2510
|
-
"
|
|
2509
|
+
"href": "/checkout",
|
|
2511
2510
|
"icon": "credit-card",
|
|
2512
|
-
"
|
|
2511
|
+
"label": "Checkout"
|
|
2513
2512
|
},
|
|
2514
2513
|
{
|
|
2515
|
-
"label": "Orders",
|
|
2516
2514
|
"href": "/orders",
|
|
2517
|
-
"icon": "clipboard-list"
|
|
2515
|
+
"icon": "clipboard-list",
|
|
2516
|
+
"label": "Orders"
|
|
2518
2517
|
}
|
|
2519
2518
|
],
|
|
2520
|
-
"type": "dashboard-layout"
|
|
2519
|
+
"type": "dashboard-layout",
|
|
2520
|
+
"appName": "EcommerceApp"
|
|
2521
2521
|
}
|
|
2522
2522
|
]
|
|
2523
2523
|
]
|
|
@@ -2531,36 +2531,36 @@
|
|
|
2531
2531
|
"render-ui",
|
|
2532
2532
|
"main",
|
|
2533
2533
|
{
|
|
2534
|
-
"align": "center",
|
|
2535
|
-
"gap": "md",
|
|
2536
2534
|
"type": "stack",
|
|
2537
|
-
"direction": "vertical",
|
|
2538
2535
|
"className": "py-12",
|
|
2539
2536
|
"children": [
|
|
2540
2537
|
{
|
|
2541
|
-
"name": "alert-triangle",
|
|
2542
2538
|
"type": "icon",
|
|
2539
|
+
"name": "alert-triangle",
|
|
2543
2540
|
"color": "destructive"
|
|
2544
2541
|
},
|
|
2545
2542
|
{
|
|
2543
|
+
"content": "Failed to load cartitem",
|
|
2546
2544
|
"type": "typography",
|
|
2547
|
-
"variant": "h3"
|
|
2548
|
-
"content": "Failed to load cartitem"
|
|
2545
|
+
"variant": "h3"
|
|
2549
2546
|
},
|
|
2550
2547
|
{
|
|
2551
|
-
"
|
|
2552
|
-
"color": "muted",
|
|
2548
|
+
"type": "typography",
|
|
2553
2549
|
"variant": "body",
|
|
2554
|
-
"
|
|
2550
|
+
"color": "muted",
|
|
2551
|
+
"content": "@payload.error"
|
|
2555
2552
|
},
|
|
2556
2553
|
{
|
|
2557
|
-
"variant": "primary",
|
|
2558
|
-
"action": "INIT",
|
|
2559
|
-
"label": "Retry",
|
|
2560
2554
|
"icon": "rotate-ccw",
|
|
2561
|
-
"type": "button"
|
|
2555
|
+
"type": "button",
|
|
2556
|
+
"action": "INIT",
|
|
2557
|
+
"variant": "primary",
|
|
2558
|
+
"label": "Retry"
|
|
2562
2559
|
}
|
|
2563
|
-
]
|
|
2560
|
+
],
|
|
2561
|
+
"gap": "md",
|
|
2562
|
+
"align": "center",
|
|
2563
|
+
"direction": "vertical"
|
|
2564
2564
|
}
|
|
2565
2565
|
]
|
|
2566
2566
|
]
|
|
@@ -2575,8 +2575,8 @@
|
|
|
2575
2575
|
"CartItem",
|
|
2576
2576
|
{
|
|
2577
2577
|
"emit": {
|
|
2578
|
-
"
|
|
2579
|
-
"
|
|
2578
|
+
"success": "CartItemLoaded",
|
|
2579
|
+
"failure": "CartItemLoadFailed"
|
|
2580
2580
|
}
|
|
2581
2581
|
}
|
|
2582
2582
|
],
|
|
@@ -2589,17 +2589,17 @@
|
|
|
2589
2589
|
"type": "spinner"
|
|
2590
2590
|
},
|
|
2591
2591
|
{
|
|
2592
|
-
"content": "Preparing checkout…",
|
|
2593
|
-
"variant": "caption",
|
|
2594
2592
|
"type": "typography",
|
|
2595
|
-
"color": "muted"
|
|
2593
|
+
"color": "muted",
|
|
2594
|
+
"content": "Preparing checkout…",
|
|
2595
|
+
"variant": "caption"
|
|
2596
2596
|
}
|
|
2597
2597
|
],
|
|
2598
|
-
"align": "center",
|
|
2599
|
-
"type": "stack",
|
|
2600
2598
|
"direction": "vertical",
|
|
2599
|
+
"className": "py-12",
|
|
2601
2600
|
"gap": "md",
|
|
2602
|
-
"
|
|
2601
|
+
"type": "stack",
|
|
2602
|
+
"align": "center"
|
|
2603
2603
|
}
|
|
2604
2604
|
]
|
|
2605
2605
|
]
|
|
@@ -2616,108 +2616,108 @@
|
|
|
2616
2616
|
"appName": "EcommerceApp",
|
|
2617
2617
|
"navItems": [
|
|
2618
2618
|
{
|
|
2619
|
+
"label": "Products",
|
|
2619
2620
|
"href": "/products",
|
|
2620
|
-
"icon": "package"
|
|
2621
|
-
"label": "Products"
|
|
2621
|
+
"icon": "package"
|
|
2622
2622
|
},
|
|
2623
2623
|
{
|
|
2624
2624
|
"label": "Cart",
|
|
2625
|
-
"
|
|
2626
|
-
"
|
|
2625
|
+
"href": "/cart",
|
|
2626
|
+
"icon": "shopping-cart"
|
|
2627
2627
|
},
|
|
2628
2628
|
{
|
|
2629
|
-
"icon": "credit-card",
|
|
2630
2629
|
"label": "Checkout",
|
|
2631
|
-
"href": "/checkout"
|
|
2630
|
+
"href": "/checkout",
|
|
2631
|
+
"icon": "credit-card"
|
|
2632
2632
|
},
|
|
2633
2633
|
{
|
|
2634
|
-
"icon": "clipboard-list",
|
|
2635
2634
|
"label": "Orders",
|
|
2636
|
-
"href": "/orders"
|
|
2635
|
+
"href": "/orders",
|
|
2636
|
+
"icon": "clipboard-list"
|
|
2637
2637
|
}
|
|
2638
2638
|
],
|
|
2639
|
+
"type": "dashboard-layout",
|
|
2639
2640
|
"children": [
|
|
2640
2641
|
{
|
|
2641
|
-
"
|
|
2642
|
+
"direction": "vertical",
|
|
2642
2643
|
"children": [
|
|
2643
2644
|
{
|
|
2645
|
+
"type": "stack",
|
|
2646
|
+
"direction": "horizontal",
|
|
2644
2647
|
"gap": "sm",
|
|
2645
2648
|
"children": [
|
|
2646
2649
|
{
|
|
2647
|
-
"
|
|
2648
|
-
"
|
|
2650
|
+
"name": "clipboard",
|
|
2651
|
+
"type": "icon"
|
|
2649
2652
|
},
|
|
2650
2653
|
{
|
|
2651
2654
|
"variant": "h2",
|
|
2652
|
-
"
|
|
2653
|
-
"
|
|
2655
|
+
"type": "typography",
|
|
2656
|
+
"content": "Checkout"
|
|
2654
2657
|
}
|
|
2655
|
-
]
|
|
2656
|
-
"direction": "horizontal",
|
|
2657
|
-
"type": "stack"
|
|
2658
|
+
]
|
|
2658
2659
|
},
|
|
2659
2660
|
{
|
|
2660
2661
|
"type": "divider"
|
|
2661
2662
|
},
|
|
2662
2663
|
{
|
|
2664
|
+
"type": "data-grid",
|
|
2665
|
+
"entity": "@payload.data",
|
|
2666
|
+
"fields": [],
|
|
2667
|
+
"itemActions": [
|
|
2668
|
+
{
|
|
2669
|
+
"label": "Remove",
|
|
2670
|
+
"event": "REQUEST_REMOVE",
|
|
2671
|
+
"variant": "danger"
|
|
2672
|
+
}
|
|
2673
|
+
],
|
|
2663
2674
|
"columns": [
|
|
2664
2675
|
{
|
|
2665
2676
|
"icon": "shopping-cart",
|
|
2666
|
-
"name": "productName",
|
|
2667
2677
|
"variant": "h4",
|
|
2668
|
-
"label": "Product Name"
|
|
2678
|
+
"label": "Product Name",
|
|
2679
|
+
"name": "productName"
|
|
2669
2680
|
},
|
|
2670
2681
|
{
|
|
2671
2682
|
"name": "quantity",
|
|
2672
|
-
"label": "Quantity",
|
|
2673
2683
|
"format": "currency",
|
|
2684
|
+
"label": "Quantity",
|
|
2674
2685
|
"variant": "caption"
|
|
2675
2686
|
},
|
|
2676
2687
|
{
|
|
2677
2688
|
"label": "Unit Price",
|
|
2678
|
-
"
|
|
2679
|
-
"
|
|
2680
|
-
}
|
|
2681
|
-
],
|
|
2682
|
-
"entity": "@payload.data",
|
|
2683
|
-
"fields": [],
|
|
2684
|
-
"type": "data-grid",
|
|
2685
|
-
"itemActions": [
|
|
2686
|
-
{
|
|
2687
|
-
"variant": "danger",
|
|
2688
|
-
"label": "Remove",
|
|
2689
|
-
"event": "REQUEST_REMOVE"
|
|
2689
|
+
"variant": "badge",
|
|
2690
|
+
"name": "unitPrice"
|
|
2690
2691
|
}
|
|
2691
2692
|
]
|
|
2692
2693
|
},
|
|
2693
2694
|
{
|
|
2694
|
-
"justify": "end",
|
|
2695
|
-
"type": "stack",
|
|
2696
|
-
"direction": "horizontal",
|
|
2697
2695
|
"children": [
|
|
2698
2696
|
{
|
|
2699
2697
|
"icon": "arrow-left",
|
|
2698
|
+
"action": "BACK_TO_CART",
|
|
2700
2699
|
"type": "button",
|
|
2701
2700
|
"variant": "ghost",
|
|
2702
|
-
"action": "BACK_TO_CART",
|
|
2703
2701
|
"label": "Back to Cart"
|
|
2704
2702
|
},
|
|
2705
2703
|
{
|
|
2706
|
-
"label": "Confirm Order",
|
|
2707
2704
|
"variant": "primary",
|
|
2708
|
-
"type": "button",
|
|
2709
2705
|
"action": "CONFIRM_ORDER",
|
|
2710
|
-
"
|
|
2706
|
+
"label": "Confirm Order",
|
|
2707
|
+
"icon": "check",
|
|
2708
|
+
"type": "button"
|
|
2711
2709
|
}
|
|
2712
2710
|
],
|
|
2713
|
-
"gap": "sm"
|
|
2711
|
+
"gap": "sm",
|
|
2712
|
+
"type": "stack",
|
|
2713
|
+
"direction": "horizontal",
|
|
2714
|
+
"justify": "end"
|
|
2714
2715
|
}
|
|
2715
2716
|
],
|
|
2716
|
-
"
|
|
2717
|
-
"
|
|
2717
|
+
"gap": "lg",
|
|
2718
|
+
"type": "stack"
|
|
2718
2719
|
}
|
|
2719
|
-
]
|
|
2720
|
-
"type": "dashboard-layout"
|
|
2720
|
+
]
|
|
2721
2721
|
}
|
|
2722
2722
|
]
|
|
2723
2723
|
]
|
|
@@ -2732,8 +2732,8 @@
|
|
|
2732
2732
|
"CartItem",
|
|
2733
2733
|
{
|
|
2734
2734
|
"emit": {
|
|
2735
|
-
"
|
|
2736
|
-
"
|
|
2735
|
+
"success": "CartItemLoaded",
|
|
2736
|
+
"failure": "CartItemLoadFailed"
|
|
2737
2737
|
}
|
|
2738
2738
|
}
|
|
2739
2739
|
]
|
|
@@ -2749,8 +2749,8 @@
|
|
|
2749
2749
|
"CartItem",
|
|
2750
2750
|
{
|
|
2751
2751
|
"emit": {
|
|
2752
|
-
"
|
|
2753
|
-
"
|
|
2752
|
+
"success": "CartItemLoaded",
|
|
2753
|
+
"failure": "CartItemLoadFailed"
|
|
2754
2754
|
}
|
|
2755
2755
|
}
|
|
2756
2756
|
],
|
|
@@ -2758,32 +2758,11 @@
|
|
|
2758
2758
|
"render-ui",
|
|
2759
2759
|
"main",
|
|
2760
2760
|
{
|
|
2761
|
-
"type": "dashboard-layout",
|
|
2762
|
-
"appName": "EcommerceApp",
|
|
2763
|
-
"navItems": [
|
|
2764
|
-
{
|
|
2765
|
-
"href": "/products",
|
|
2766
|
-
"icon": "package",
|
|
2767
|
-
"label": "Products"
|
|
2768
|
-
},
|
|
2769
|
-
{
|
|
2770
|
-
"label": "Cart",
|
|
2771
|
-
"icon": "shopping-cart",
|
|
2772
|
-
"href": "/cart"
|
|
2773
|
-
},
|
|
2774
|
-
{
|
|
2775
|
-
"icon": "credit-card",
|
|
2776
|
-
"label": "Checkout",
|
|
2777
|
-
"href": "/checkout"
|
|
2778
|
-
},
|
|
2779
|
-
{
|
|
2780
|
-
"icon": "clipboard-list",
|
|
2781
|
-
"label": "Orders",
|
|
2782
|
-
"href": "/orders"
|
|
2783
|
-
}
|
|
2784
|
-
],
|
|
2785
2761
|
"children": [
|
|
2786
2762
|
{
|
|
2763
|
+
"gap": "lg",
|
|
2764
|
+
"direction": "vertical",
|
|
2765
|
+
"type": "stack",
|
|
2787
2766
|
"align": "center",
|
|
2788
2767
|
"children": [
|
|
2789
2768
|
{
|
|
@@ -2792,24 +2771,45 @@
|
|
|
2792
2771
|
},
|
|
2793
2772
|
{
|
|
2794
2773
|
"content": "Order Confirmed",
|
|
2795
|
-
"
|
|
2796
|
-
"
|
|
2774
|
+
"type": "typography",
|
|
2775
|
+
"variant": "h2"
|
|
2797
2776
|
},
|
|
2798
2777
|
{
|
|
2778
|
+
"variant": "body",
|
|
2799
2779
|
"type": "typography",
|
|
2800
|
-
"content": "Your order has been placed successfully."
|
|
2801
|
-
"variant": "body"
|
|
2780
|
+
"content": "Your order has been placed successfully."
|
|
2802
2781
|
},
|
|
2803
2782
|
{
|
|
2804
2783
|
"type": "button",
|
|
2805
|
-
"
|
|
2784
|
+
"action": "INIT",
|
|
2806
2785
|
"variant": "primary",
|
|
2807
|
-
"
|
|
2786
|
+
"label": "Continue Shopping"
|
|
2808
2787
|
}
|
|
2809
|
-
]
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2788
|
+
]
|
|
2789
|
+
}
|
|
2790
|
+
],
|
|
2791
|
+
"appName": "EcommerceApp",
|
|
2792
|
+
"type": "dashboard-layout",
|
|
2793
|
+
"navItems": [
|
|
2794
|
+
{
|
|
2795
|
+
"icon": "package",
|
|
2796
|
+
"label": "Products",
|
|
2797
|
+
"href": "/products"
|
|
2798
|
+
},
|
|
2799
|
+
{
|
|
2800
|
+
"href": "/cart",
|
|
2801
|
+
"label": "Cart",
|
|
2802
|
+
"icon": "shopping-cart"
|
|
2803
|
+
},
|
|
2804
|
+
{
|
|
2805
|
+
"icon": "credit-card",
|
|
2806
|
+
"label": "Checkout",
|
|
2807
|
+
"href": "/checkout"
|
|
2808
|
+
},
|
|
2809
|
+
{
|
|
2810
|
+
"label": "Orders",
|
|
2811
|
+
"href": "/orders",
|
|
2812
|
+
"icon": "clipboard-list"
|
|
2813
2813
|
}
|
|
2814
2814
|
]
|
|
2815
2815
|
}
|
|
@@ -2995,11 +2995,12 @@
|
|
|
2995
2995
|
"render-ui",
|
|
2996
2996
|
"modal",
|
|
2997
2997
|
{
|
|
2998
|
+
"direction": "vertical",
|
|
2998
2999
|
"type": "stack",
|
|
2999
3000
|
"gap": "md",
|
|
3000
3001
|
"children": [
|
|
3001
3002
|
{
|
|
3002
|
-
"
|
|
3003
|
+
"type": "stack",
|
|
3003
3004
|
"children": [
|
|
3004
3005
|
{
|
|
3005
3006
|
"type": "icon",
|
|
@@ -3007,30 +3008,29 @@
|
|
|
3007
3008
|
},
|
|
3008
3009
|
{
|
|
3009
3010
|
"type": "typography",
|
|
3010
|
-
"
|
|
3011
|
-
"
|
|
3011
|
+
"content": "Add Item",
|
|
3012
|
+
"variant": "h3"
|
|
3012
3013
|
}
|
|
3013
3014
|
],
|
|
3014
|
-
"
|
|
3015
|
+
"gap": "sm",
|
|
3015
3016
|
"direction": "horizontal"
|
|
3016
3017
|
},
|
|
3017
3018
|
{
|
|
3018
3019
|
"type": "divider"
|
|
3019
3020
|
},
|
|
3020
3021
|
{
|
|
3021
|
-
"cancelEvent": "CLOSE",
|
|
3022
3022
|
"mode": "create",
|
|
3023
|
-
"
|
|
3023
|
+
"cancelEvent": "CLOSE",
|
|
3024
3024
|
"fields": [
|
|
3025
3025
|
"productName",
|
|
3026
3026
|
"quantity",
|
|
3027
3027
|
"unitPrice",
|
|
3028
3028
|
"totalPrice"
|
|
3029
3029
|
],
|
|
3030
|
-
"type": "form-section"
|
|
3030
|
+
"type": "form-section",
|
|
3031
|
+
"submitEvent": "SAVE"
|
|
3031
3032
|
}
|
|
3032
|
-
]
|
|
3033
|
-
"direction": "vertical"
|
|
3033
|
+
]
|
|
3034
3034
|
}
|
|
3035
3035
|
]
|
|
3036
3036
|
]
|
|
@@ -3071,8 +3071,8 @@
|
|
|
3071
3071
|
"@payload.data",
|
|
3072
3072
|
{
|
|
3073
3073
|
"emit": {
|
|
3074
|
-
"
|
|
3075
|
-
"
|
|
3074
|
+
"failure": "CartItemSaveFailed",
|
|
3075
|
+
"success": "CartItemSaved"
|
|
3076
3076
|
}
|
|
3077
3077
|
}
|
|
3078
3078
|
],
|
|
@@ -3247,8 +3247,8 @@
|
|
|
3247
3247
|
"CartItem",
|
|
3248
3248
|
{
|
|
3249
3249
|
"emit": {
|
|
3250
|
-
"
|
|
3251
|
-
"
|
|
3250
|
+
"failure": "CartItemLoadFailed",
|
|
3251
|
+
"success": "CartItemLoaded"
|
|
3252
3252
|
}
|
|
3253
3253
|
}
|
|
3254
3254
|
]
|
|
@@ -3268,22 +3268,26 @@
|
|
|
3268
3268
|
"fetch",
|
|
3269
3269
|
"CartItem",
|
|
3270
3270
|
{
|
|
3271
|
+
"id": "@payload.id",
|
|
3271
3272
|
"emit": {
|
|
3272
3273
|
"success": "CartItemLoaded",
|
|
3273
3274
|
"failure": "CartItemLoadFailed"
|
|
3274
|
-
}
|
|
3275
|
-
"id": "@payload.id"
|
|
3275
|
+
}
|
|
3276
3276
|
}
|
|
3277
3277
|
],
|
|
3278
3278
|
[
|
|
3279
3279
|
"render-ui",
|
|
3280
3280
|
"modal",
|
|
3281
3281
|
{
|
|
3282
|
+
"gap": "md",
|
|
3283
|
+
"direction": "vertical",
|
|
3284
|
+
"type": "stack",
|
|
3282
3285
|
"children": [
|
|
3283
3286
|
{
|
|
3284
3287
|
"direction": "horizontal",
|
|
3285
3288
|
"align": "center",
|
|
3286
3289
|
"gap": "sm",
|
|
3290
|
+
"type": "stack",
|
|
3287
3291
|
"children": [
|
|
3288
3292
|
{
|
|
3289
3293
|
"type": "icon",
|
|
@@ -3291,45 +3295,41 @@
|
|
|
3291
3295
|
},
|
|
3292
3296
|
{
|
|
3293
3297
|
"type": "typography",
|
|
3294
|
-
"
|
|
3295
|
-
"
|
|
3298
|
+
"content": "Remove Item",
|
|
3299
|
+
"variant": "h3"
|
|
3296
3300
|
}
|
|
3297
|
-
]
|
|
3298
|
-
"type": "stack"
|
|
3301
|
+
]
|
|
3299
3302
|
},
|
|
3300
3303
|
{
|
|
3301
3304
|
"type": "divider"
|
|
3302
3305
|
},
|
|
3303
3306
|
{
|
|
3304
|
-
"
|
|
3307
|
+
"variant": "error",
|
|
3305
3308
|
"message": "Are you sure you want to remove this item from your cart?",
|
|
3306
|
-
"
|
|
3309
|
+
"type": "alert"
|
|
3307
3310
|
},
|
|
3308
3311
|
{
|
|
3312
|
+
"type": "stack",
|
|
3313
|
+
"gap": "sm",
|
|
3309
3314
|
"justify": "end",
|
|
3315
|
+
"direction": "horizontal",
|
|
3310
3316
|
"children": [
|
|
3311
3317
|
{
|
|
3312
|
-
"
|
|
3313
|
-
"type": "button",
|
|
3318
|
+
"action": "CANCEL",
|
|
3314
3319
|
"label": "Cancel",
|
|
3315
|
-
"
|
|
3320
|
+
"variant": "ghost",
|
|
3321
|
+
"type": "button"
|
|
3316
3322
|
},
|
|
3317
3323
|
{
|
|
3318
|
-
"
|
|
3324
|
+
"variant": "danger",
|
|
3319
3325
|
"type": "button",
|
|
3320
3326
|
"label": "Remove",
|
|
3321
|
-
"
|
|
3322
|
-
"
|
|
3327
|
+
"action": "CONFIRM_REMOVE",
|
|
3328
|
+
"icon": "check"
|
|
3323
3329
|
}
|
|
3324
|
-
]
|
|
3325
|
-
"type": "stack",
|
|
3326
|
-
"gap": "sm",
|
|
3327
|
-
"direction": "horizontal"
|
|
3330
|
+
]
|
|
3328
3331
|
}
|
|
3329
|
-
]
|
|
3330
|
-
"direction": "vertical",
|
|
3331
|
-
"gap": "md",
|
|
3332
|
-
"type": "stack"
|
|
3332
|
+
]
|
|
3333
3333
|
}
|
|
3334
3334
|
]
|
|
3335
3335
|
]
|
|
@@ -3346,8 +3346,8 @@
|
|
|
3346
3346
|
"@entity.pendingId",
|
|
3347
3347
|
{
|
|
3348
3348
|
"emit": {
|
|
3349
|
-
"
|
|
3350
|
-
"
|
|
3349
|
+
"success": "CartItemDeleted",
|
|
3350
|
+
"failure": "CartItemDeleteFailed"
|
|
3351
3351
|
}
|
|
3352
3352
|
}
|
|
3353
3353
|
],
|
|
@@ -3368,8 +3368,8 @@
|
|
|
3368
3368
|
"CartItem",
|
|
3369
3369
|
{
|
|
3370
3370
|
"emit": {
|
|
3371
|
-
"
|
|
3372
|
-
"
|
|
3371
|
+
"success": "CartItemLoaded",
|
|
3372
|
+
"failure": "CartItemLoadFailed"
|
|
3373
3373
|
}
|
|
3374
3374
|
}
|
|
3375
3375
|
]
|
|
@@ -3689,35 +3689,37 @@
|
|
|
3689
3689
|
"render-ui",
|
|
3690
3690
|
"main",
|
|
3691
3691
|
{
|
|
3692
|
+
"type": "dashboard-layout",
|
|
3692
3693
|
"children": [
|
|
3693
3694
|
{
|
|
3694
|
-
"
|
|
3695
|
+
"padding": "lg",
|
|
3696
|
+
"type": "container",
|
|
3695
3697
|
"children": [
|
|
3696
3698
|
{
|
|
3697
|
-
"
|
|
3699
|
+
"type": "stack",
|
|
3698
3700
|
"direction": "vertical",
|
|
3699
3701
|
"children": [
|
|
3700
3702
|
{
|
|
3701
|
-
"
|
|
3703
|
+
"type": "stack",
|
|
3704
|
+
"direction": "horizontal",
|
|
3702
3705
|
"children": [
|
|
3703
3706
|
{
|
|
3704
|
-
"
|
|
3705
|
-
"
|
|
3707
|
+
"name": "credit-card",
|
|
3708
|
+
"type": "icon"
|
|
3706
3709
|
},
|
|
3707
3710
|
{
|
|
3708
|
-
"variant": "h2",
|
|
3709
3711
|
"type": "typography",
|
|
3710
|
-
"content": "Checkout"
|
|
3712
|
+
"content": "Checkout",
|
|
3713
|
+
"variant": "h2"
|
|
3711
3714
|
}
|
|
3712
3715
|
],
|
|
3713
|
-
"
|
|
3714
|
-
"
|
|
3715
|
-
"direction": "horizontal"
|
|
3716
|
+
"align": "center",
|
|
3717
|
+
"gap": "sm"
|
|
3716
3718
|
},
|
|
3717
3719
|
{
|
|
3720
|
+
"currentIndex": 0.0,
|
|
3718
3721
|
"count": 3.0,
|
|
3719
|
-
"type": "progress-dots"
|
|
3720
|
-
"currentIndex": 0.0
|
|
3722
|
+
"type": "progress-dots"
|
|
3721
3723
|
},
|
|
3722
3724
|
{
|
|
3723
3725
|
"currentStep": 0.0,
|
|
@@ -3732,55 +3734,53 @@
|
|
|
3732
3734
|
"type": "divider"
|
|
3733
3735
|
},
|
|
3734
3736
|
{
|
|
3737
|
+
"type": "typography",
|
|
3735
3738
|
"content": "Customer Info",
|
|
3736
|
-
"variant": "h3"
|
|
3737
|
-
"type": "typography"
|
|
3739
|
+
"variant": "h3"
|
|
3738
3740
|
},
|
|
3739
3741
|
{
|
|
3740
|
-
"mode": "create",
|
|
3741
3742
|
"type": "form-section",
|
|
3742
|
-
"submitEvent": "NEXT",
|
|
3743
3743
|
"fields": [
|
|
3744
3744
|
"customerName",
|
|
3745
3745
|
"email"
|
|
3746
3746
|
],
|
|
3747
|
-
"cancelEvent": "INIT"
|
|
3747
|
+
"cancelEvent": "INIT",
|
|
3748
|
+
"mode": "create",
|
|
3749
|
+
"submitEvent": "NEXT"
|
|
3748
3750
|
},
|
|
3749
3751
|
{
|
|
3752
|
+
"direction": "horizontal",
|
|
3750
3753
|
"type": "stack",
|
|
3754
|
+
"justify": "end",
|
|
3751
3755
|
"children": [
|
|
3752
3756
|
{
|
|
3753
|
-
"icon": "arrow-right",
|
|
3754
3757
|
"type": "button",
|
|
3755
|
-
"label": "Next",
|
|
3756
3758
|
"action": "NEXT",
|
|
3757
|
-
"
|
|
3759
|
+
"label": "Next",
|
|
3760
|
+
"variant": "primary",
|
|
3761
|
+
"icon": "arrow-right"
|
|
3758
3762
|
}
|
|
3759
3763
|
],
|
|
3760
|
-
"
|
|
3761
|
-
"gap": "sm",
|
|
3762
|
-
"justify": "end"
|
|
3764
|
+
"gap": "sm"
|
|
3763
3765
|
}
|
|
3764
3766
|
],
|
|
3765
|
-
"
|
|
3767
|
+
"gap": "lg"
|
|
3766
3768
|
}
|
|
3767
3769
|
],
|
|
3768
|
-
"
|
|
3769
|
-
"type": "container"
|
|
3770
|
+
"maxWidth": "lg"
|
|
3770
3771
|
}
|
|
3771
3772
|
],
|
|
3772
|
-
"type": "dashboard-layout",
|
|
3773
3773
|
"appName": "EcommerceApp",
|
|
3774
3774
|
"navItems": [
|
|
3775
3775
|
{
|
|
3776
3776
|
"label": "Products",
|
|
3777
|
-
"
|
|
3778
|
-
"
|
|
3777
|
+
"icon": "package",
|
|
3778
|
+
"href": "/products"
|
|
3779
3779
|
},
|
|
3780
3780
|
{
|
|
3781
|
-
"
|
|
3781
|
+
"href": "/cart",
|
|
3782
3782
|
"icon": "shopping-cart",
|
|
3783
|
-
"
|
|
3783
|
+
"label": "Cart"
|
|
3784
3784
|
},
|
|
3785
3785
|
{
|
|
3786
3786
|
"icon": "credit-card",
|
|
@@ -3816,41 +3816,19 @@
|
|
|
3816
3816
|
"render-ui",
|
|
3817
3817
|
"main",
|
|
3818
3818
|
{
|
|
3819
|
-
"
|
|
3820
|
-
"navItems": [
|
|
3821
|
-
{
|
|
3822
|
-
"href": "/products",
|
|
3823
|
-
"label": "Products",
|
|
3824
|
-
"icon": "package"
|
|
3825
|
-
},
|
|
3826
|
-
{
|
|
3827
|
-
"href": "/cart",
|
|
3828
|
-
"icon": "shopping-cart",
|
|
3829
|
-
"label": "Cart"
|
|
3830
|
-
},
|
|
3831
|
-
{
|
|
3832
|
-
"label": "Checkout",
|
|
3833
|
-
"icon": "credit-card",
|
|
3834
|
-
"href": "/checkout"
|
|
3835
|
-
},
|
|
3836
|
-
{
|
|
3837
|
-
"label": "Orders",
|
|
3838
|
-
"href": "/orders",
|
|
3839
|
-
"icon": "clipboard-list"
|
|
3840
|
-
}
|
|
3841
|
-
],
|
|
3819
|
+
"appName": "EcommerceApp",
|
|
3842
3820
|
"children": [
|
|
3843
3821
|
{
|
|
3844
|
-
"padding": "lg",
|
|
3845
|
-
"maxWidth": "lg",
|
|
3846
3822
|
"type": "container",
|
|
3823
|
+
"maxWidth": "lg",
|
|
3824
|
+
"padding": "lg",
|
|
3847
3825
|
"children": [
|
|
3848
3826
|
{
|
|
3849
|
-
"
|
|
3827
|
+
"gap": "lg",
|
|
3850
3828
|
"children": [
|
|
3851
3829
|
{
|
|
3852
|
-
"type": "stack",
|
|
3853
3830
|
"direction": "horizontal",
|
|
3831
|
+
"gap": "sm",
|
|
3854
3832
|
"align": "center",
|
|
3855
3833
|
"children": [
|
|
3856
3834
|
{
|
|
@@ -3863,7 +3841,7 @@
|
|
|
3863
3841
|
"variant": "h2"
|
|
3864
3842
|
}
|
|
3865
3843
|
],
|
|
3866
|
-
"
|
|
3844
|
+
"type": "stack"
|
|
3867
3845
|
},
|
|
3868
3846
|
{
|
|
3869
3847
|
"type": "progress-dots",
|
|
@@ -3871,12 +3849,12 @@
|
|
|
3871
3849
|
"currentIndex": 1.0
|
|
3872
3850
|
},
|
|
3873
3851
|
{
|
|
3874
|
-
"type": "wizard-progress",
|
|
3875
3852
|
"steps": [
|
|
3876
3853
|
"Customer Info",
|
|
3877
3854
|
"Shipping",
|
|
3878
3855
|
"Payment"
|
|
3879
3856
|
],
|
|
3857
|
+
"type": "wizard-progress",
|
|
3880
3858
|
"currentStep": 1.0
|
|
3881
3859
|
},
|
|
3882
3860
|
{
|
|
@@ -3884,64 +3862,86 @@
|
|
|
3884
3862
|
},
|
|
3885
3863
|
{
|
|
3886
3864
|
"content": "Shipping",
|
|
3887
|
-
"
|
|
3888
|
-
"
|
|
3865
|
+
"type": "typography",
|
|
3866
|
+
"variant": "h3"
|
|
3889
3867
|
},
|
|
3890
3868
|
{
|
|
3869
|
+
"fields": [
|
|
3870
|
+
"shippingAddress"
|
|
3871
|
+
],
|
|
3891
3872
|
"cancelEvent": "PREV",
|
|
3892
|
-
"submitEvent": "NEXT",
|
|
3893
3873
|
"type": "form-section",
|
|
3894
3874
|
"mode": "create",
|
|
3895
|
-
"
|
|
3896
|
-
"shippingAddress"
|
|
3897
|
-
]
|
|
3875
|
+
"submitEvent": "NEXT"
|
|
3898
3876
|
},
|
|
3899
3877
|
{
|
|
3900
|
-
"
|
|
3878
|
+
"direction": "horizontal",
|
|
3901
3879
|
"justify": "end",
|
|
3880
|
+
"gap": "sm",
|
|
3902
3881
|
"children": [
|
|
3903
3882
|
{
|
|
3904
|
-
"action": "PREV",
|
|
3905
3883
|
"variant": "ghost",
|
|
3906
|
-
"label": "Back",
|
|
3907
3884
|
"type": "button",
|
|
3885
|
+
"label": "Back",
|
|
3886
|
+
"action": "PREV",
|
|
3908
3887
|
"icon": "arrow-left"
|
|
3909
3888
|
},
|
|
3910
3889
|
{
|
|
3890
|
+
"action": "NEXT",
|
|
3911
3891
|
"type": "button",
|
|
3912
|
-
"
|
|
3892
|
+
"label": "Next",
|
|
3913
3893
|
"icon": "arrow-right",
|
|
3914
|
-
"
|
|
3915
|
-
"label": "Next"
|
|
3894
|
+
"variant": "primary"
|
|
3916
3895
|
}
|
|
3917
3896
|
],
|
|
3918
|
-
"direction": "horizontal",
|
|
3919
3897
|
"type": "stack"
|
|
3920
3898
|
}
|
|
3921
3899
|
],
|
|
3922
3900
|
"type": "stack",
|
|
3923
|
-
"
|
|
3901
|
+
"direction": "vertical"
|
|
3924
3902
|
}
|
|
3925
3903
|
]
|
|
3926
3904
|
}
|
|
3927
3905
|
],
|
|
3928
|
-
"
|
|
3929
|
-
|
|
3930
|
-
|
|
3931
|
-
|
|
3932
|
-
|
|
3933
|
-
|
|
3934
|
-
|
|
3935
|
-
|
|
3936
|
-
|
|
3937
|
-
|
|
3938
|
-
|
|
3906
|
+
"type": "dashboard-layout",
|
|
3907
|
+
"navItems": [
|
|
3908
|
+
{
|
|
3909
|
+
"href": "/products",
|
|
3910
|
+
"icon": "package",
|
|
3911
|
+
"label": "Products"
|
|
3912
|
+
},
|
|
3913
|
+
{
|
|
3914
|
+
"href": "/cart",
|
|
3915
|
+
"label": "Cart",
|
|
3916
|
+
"icon": "shopping-cart"
|
|
3917
|
+
},
|
|
3918
|
+
{
|
|
3919
|
+
"label": "Checkout",
|
|
3920
|
+
"href": "/checkout",
|
|
3921
|
+
"icon": "credit-card"
|
|
3922
|
+
},
|
|
3923
|
+
{
|
|
3924
|
+
"href": "/orders",
|
|
3925
|
+
"icon": "clipboard-list",
|
|
3926
|
+
"label": "Orders"
|
|
3927
|
+
}
|
|
3928
|
+
]
|
|
3929
|
+
}
|
|
3930
|
+
]
|
|
3931
|
+
]
|
|
3932
|
+
},
|
|
3933
|
+
{
|
|
3934
|
+
"from": "step2",
|
|
3935
|
+
"to": "step3",
|
|
3936
|
+
"event": "NEXT",
|
|
3937
|
+
"effects": [
|
|
3938
|
+
[
|
|
3939
3939
|
"fetch",
|
|
3940
3940
|
"Checkout",
|
|
3941
3941
|
{
|
|
3942
3942
|
"emit": {
|
|
3943
|
-
"
|
|
3944
|
-
"
|
|
3943
|
+
"success": "CheckoutLoaded",
|
|
3944
|
+
"failure": "CheckoutLoadFailed"
|
|
3945
3945
|
}
|
|
3946
3946
|
}
|
|
3947
3947
|
],
|
|
@@ -3949,13 +3949,15 @@
|
|
|
3949
3949
|
"render-ui",
|
|
3950
3950
|
"main",
|
|
3951
3951
|
{
|
|
3952
|
-
"appName": "EcommerceApp",
|
|
3953
3952
|
"children": [
|
|
3954
3953
|
{
|
|
3955
3954
|
"children": [
|
|
3956
3955
|
{
|
|
3957
3956
|
"children": [
|
|
3958
3957
|
{
|
|
3958
|
+
"align": "center",
|
|
3959
|
+
"gap": "sm",
|
|
3960
|
+
"type": "stack",
|
|
3959
3961
|
"children": [
|
|
3960
3962
|
{
|
|
3961
3963
|
"type": "icon",
|
|
@@ -3963,14 +3965,11 @@
|
|
|
3963
3965
|
},
|
|
3964
3966
|
{
|
|
3965
3967
|
"variant": "h2",
|
|
3966
|
-
"
|
|
3967
|
-
"
|
|
3968
|
+
"type": "typography",
|
|
3969
|
+
"content": "Checkout"
|
|
3968
3970
|
}
|
|
3969
3971
|
],
|
|
3970
|
-
"
|
|
3971
|
-
"direction": "horizontal",
|
|
3972
|
-
"gap": "sm",
|
|
3973
|
-
"align": "center"
|
|
3972
|
+
"direction": "horizontal"
|
|
3974
3973
|
},
|
|
3975
3974
|
{
|
|
3976
3975
|
"currentIndex": 2.0,
|
|
@@ -3978,65 +3977,64 @@
|
|
|
3978
3977
|
"type": "progress-dots"
|
|
3979
3978
|
},
|
|
3980
3979
|
{
|
|
3980
|
+
"type": "wizard-progress",
|
|
3981
3981
|
"currentStep": 2.0,
|
|
3982
3982
|
"steps": [
|
|
3983
3983
|
"Customer Info",
|
|
3984
3984
|
"Shipping",
|
|
3985
3985
|
"Payment"
|
|
3986
|
-
]
|
|
3987
|
-
"type": "wizard-progress"
|
|
3986
|
+
]
|
|
3988
3987
|
},
|
|
3989
3988
|
{
|
|
3990
3989
|
"type": "divider"
|
|
3991
3990
|
},
|
|
3992
3991
|
{
|
|
3993
|
-
"content": "Payment",
|
|
3994
3992
|
"type": "typography",
|
|
3993
|
+
"content": "Payment",
|
|
3995
3994
|
"variant": "h3"
|
|
3996
3995
|
},
|
|
3997
3996
|
{
|
|
3998
|
-
"submitEvent": "NEXT",
|
|
3999
|
-
"cancelEvent": "PREV",
|
|
4000
3997
|
"fields": [
|
|
4001
3998
|
"paymentMethod"
|
|
4002
3999
|
],
|
|
4003
4000
|
"type": "form-section",
|
|
4004
|
-
"mode": "create"
|
|
4001
|
+
"mode": "create",
|
|
4002
|
+
"submitEvent": "NEXT",
|
|
4003
|
+
"cancelEvent": "PREV"
|
|
4005
4004
|
},
|
|
4006
4005
|
{
|
|
4007
|
-
"justify": "end",
|
|
4008
4006
|
"type": "stack",
|
|
4009
|
-
"direction": "horizontal",
|
|
4010
4007
|
"gap": "sm",
|
|
4008
|
+
"direction": "horizontal",
|
|
4009
|
+
"justify": "end",
|
|
4011
4010
|
"children": [
|
|
4012
4011
|
{
|
|
4013
|
-
"variant": "ghost",
|
|
4014
4012
|
"action": "PREV",
|
|
4015
4013
|
"label": "Back",
|
|
4016
|
-
"
|
|
4017
|
-
"icon": "arrow-left"
|
|
4014
|
+
"variant": "ghost",
|
|
4015
|
+
"icon": "arrow-left",
|
|
4016
|
+
"type": "button"
|
|
4018
4017
|
},
|
|
4019
4018
|
{
|
|
4020
|
-
"variant": "primary",
|
|
4021
4019
|
"label": "Next",
|
|
4022
|
-
"
|
|
4020
|
+
"icon": "arrow-right",
|
|
4021
|
+
"variant": "primary",
|
|
4023
4022
|
"type": "button",
|
|
4024
|
-
"
|
|
4023
|
+
"action": "NEXT"
|
|
4025
4024
|
}
|
|
4026
4025
|
]
|
|
4027
4026
|
}
|
|
4028
4027
|
],
|
|
4028
|
+
"direction": "vertical",
|
|
4029
4029
|
"gap": "lg",
|
|
4030
|
-
"type": "stack"
|
|
4031
|
-
"direction": "vertical"
|
|
4030
|
+
"type": "stack"
|
|
4032
4031
|
}
|
|
4033
4032
|
],
|
|
4034
4033
|
"padding": "lg",
|
|
4035
|
-
"
|
|
4036
|
-
"
|
|
4034
|
+
"type": "container",
|
|
4035
|
+
"maxWidth": "lg"
|
|
4037
4036
|
}
|
|
4038
4037
|
],
|
|
4039
|
-
"type": "dashboard-layout",
|
|
4040
4038
|
"navItems": [
|
|
4041
4039
|
{
|
|
4042
4040
|
"label": "Products",
|
|
@@ -4044,9 +4042,9 @@
|
|
|
4044
4042
|
"icon": "package"
|
|
4045
4043
|
},
|
|
4046
4044
|
{
|
|
4047
|
-
"label": "Cart",
|
|
4048
4045
|
"href": "/cart",
|
|
4049
|
-
"icon": "shopping-cart"
|
|
4046
|
+
"icon": "shopping-cart",
|
|
4047
|
+
"label": "Cart"
|
|
4050
4048
|
},
|
|
4051
4049
|
{
|
|
4052
4050
|
"href": "/checkout",
|
|
@@ -4054,11 +4052,13 @@
|
|
|
4054
4052
|
"icon": "credit-card"
|
|
4055
4053
|
},
|
|
4056
4054
|
{
|
|
4057
|
-
"label": "Orders",
|
|
4058
4055
|
"href": "/orders",
|
|
4056
|
+
"label": "Orders",
|
|
4059
4057
|
"icon": "clipboard-list"
|
|
4060
4058
|
}
|
|
4061
|
-
]
|
|
4059
|
+
],
|
|
4060
|
+
"appName": "EcommerceApp",
|
|
4061
|
+
"type": "dashboard-layout"
|
|
4062
4062
|
}
|
|
4063
4063
|
]
|
|
4064
4064
|
]
|
|
@@ -4082,68 +4082,70 @@
|
|
|
4082
4082
|
"render-ui",
|
|
4083
4083
|
"main",
|
|
4084
4084
|
{
|
|
4085
|
+
"type": "dashboard-layout",
|
|
4085
4086
|
"navItems": [
|
|
4086
4087
|
{
|
|
4087
|
-
"
|
|
4088
|
+
"icon": "package",
|
|
4088
4089
|
"href": "/products",
|
|
4089
|
-
"
|
|
4090
|
+
"label": "Products"
|
|
4090
4091
|
},
|
|
4091
4092
|
{
|
|
4092
|
-
"label": "Cart",
|
|
4093
4093
|
"href": "/cart",
|
|
4094
|
-
"icon": "shopping-cart"
|
|
4094
|
+
"icon": "shopping-cart",
|
|
4095
|
+
"label": "Cart"
|
|
4095
4096
|
},
|
|
4096
4097
|
{
|
|
4097
|
-
"icon": "credit-card",
|
|
4098
4098
|
"label": "Checkout",
|
|
4099
|
+
"icon": "credit-card",
|
|
4099
4100
|
"href": "/checkout"
|
|
4100
4101
|
},
|
|
4101
4102
|
{
|
|
4103
|
+
"icon": "clipboard-list",
|
|
4102
4104
|
"href": "/orders",
|
|
4103
|
-
"label": "Orders"
|
|
4104
|
-
"icon": "clipboard-list"
|
|
4105
|
+
"label": "Orders"
|
|
4105
4106
|
}
|
|
4106
4107
|
],
|
|
4107
|
-
"type": "dashboard-layout",
|
|
4108
4108
|
"appName": "EcommerceApp",
|
|
4109
4109
|
"children": [
|
|
4110
4110
|
{
|
|
4111
|
-
"type": "container",
|
|
4112
4111
|
"padding": "lg",
|
|
4112
|
+
"type": "container",
|
|
4113
|
+
"maxWidth": "lg",
|
|
4113
4114
|
"children": [
|
|
4114
4115
|
{
|
|
4115
|
-
"
|
|
4116
|
+
"direction": "vertical",
|
|
4117
|
+
"type": "stack",
|
|
4116
4118
|
"children": [
|
|
4117
4119
|
{
|
|
4120
|
+
"type": "stack",
|
|
4121
|
+
"direction": "horizontal",
|
|
4122
|
+
"gap": "sm",
|
|
4123
|
+
"align": "center",
|
|
4118
4124
|
"children": [
|
|
4119
4125
|
{
|
|
4120
|
-
"
|
|
4121
|
-
"
|
|
4126
|
+
"type": "icon",
|
|
4127
|
+
"name": "credit-card"
|
|
4122
4128
|
},
|
|
4123
4129
|
{
|
|
4124
4130
|
"type": "typography",
|
|
4125
4131
|
"content": "Checkout",
|
|
4126
4132
|
"variant": "h2"
|
|
4127
4133
|
}
|
|
4128
|
-
]
|
|
4129
|
-
"direction": "horizontal",
|
|
4130
|
-
"type": "stack",
|
|
4131
|
-
"gap": "sm",
|
|
4132
|
-
"align": "center"
|
|
4134
|
+
]
|
|
4133
4135
|
},
|
|
4134
4136
|
{
|
|
4135
|
-
"type": "progress-dots",
|
|
4136
4137
|
"count": 3.0,
|
|
4137
|
-
"currentIndex": 0.0
|
|
4138
|
+
"currentIndex": 0.0,
|
|
4139
|
+
"type": "progress-dots"
|
|
4138
4140
|
},
|
|
4139
4141
|
{
|
|
4142
|
+
"currentStep": 0.0,
|
|
4143
|
+
"type": "wizard-progress",
|
|
4140
4144
|
"steps": [
|
|
4141
4145
|
"Customer Info",
|
|
4142
4146
|
"Shipping",
|
|
4143
4147
|
"Payment"
|
|
4144
|
-
]
|
|
4145
|
-
"currentStep": 0.0,
|
|
4146
|
-
"type": "wizard-progress"
|
|
4148
|
+
]
|
|
4147
4149
|
},
|
|
4148
4150
|
{
|
|
4149
4151
|
"type": "divider"
|
|
@@ -4155,35 +4157,33 @@
|
|
|
4155
4157
|
},
|
|
4156
4158
|
{
|
|
4157
4159
|
"type": "form-section",
|
|
4158
|
-
"mode": "create",
|
|
4159
|
-
"cancelEvent": "INIT",
|
|
4160
4160
|
"submitEvent": "NEXT",
|
|
4161
4161
|
"fields": [
|
|
4162
4162
|
"customerName",
|
|
4163
4163
|
"email"
|
|
4164
|
-
]
|
|
4164
|
+
],
|
|
4165
|
+
"mode": "create",
|
|
4166
|
+
"cancelEvent": "INIT"
|
|
4165
4167
|
},
|
|
4166
4168
|
{
|
|
4167
4169
|
"children": [
|
|
4168
4170
|
{
|
|
4169
|
-
"icon": "arrow-right",
|
|
4170
|
-
"label": "Next",
|
|
4171
|
-
"action": "NEXT",
|
|
4172
4171
|
"variant": "primary",
|
|
4173
|
-
"
|
|
4172
|
+
"label": "Next",
|
|
4173
|
+
"type": "button",
|
|
4174
|
+
"icon": "arrow-right",
|
|
4175
|
+
"action": "NEXT"
|
|
4174
4176
|
}
|
|
4175
4177
|
],
|
|
4176
|
-
"type": "stack",
|
|
4177
|
-
"justify": "end",
|
|
4178
4178
|
"gap": "sm",
|
|
4179
|
+
"justify": "end",
|
|
4180
|
+
"type": "stack",
|
|
4179
4181
|
"direction": "horizontal"
|
|
4180
4182
|
}
|
|
4181
4183
|
],
|
|
4182
|
-
"
|
|
4183
|
-
"type": "stack"
|
|
4184
|
+
"gap": "lg"
|
|
4184
4185
|
}
|
|
4185
|
-
]
|
|
4186
|
-
"maxWidth": "lg"
|
|
4186
|
+
]
|
|
4187
4187
|
}
|
|
4188
4188
|
]
|
|
4189
4189
|
}
|
|
@@ -4200,8 +4200,8 @@
|
|
|
4200
4200
|
"Checkout",
|
|
4201
4201
|
{
|
|
4202
4202
|
"emit": {
|
|
4203
|
-
"
|
|
4204
|
-
"
|
|
4203
|
+
"failure": "CheckoutLoadFailed",
|
|
4204
|
+
"success": "CheckoutLoaded"
|
|
4205
4205
|
}
|
|
4206
4206
|
}
|
|
4207
4207
|
],
|
|
@@ -4209,103 +4209,129 @@
|
|
|
4209
4209
|
"render-ui",
|
|
4210
4210
|
"main",
|
|
4211
4211
|
{
|
|
4212
|
+
"appName": "EcommerceApp",
|
|
4213
|
+
"navItems": [
|
|
4214
|
+
{
|
|
4215
|
+
"icon": "package",
|
|
4216
|
+
"label": "Products",
|
|
4217
|
+
"href": "/products"
|
|
4218
|
+
},
|
|
4219
|
+
{
|
|
4220
|
+
"icon": "shopping-cart",
|
|
4221
|
+
"label": "Cart",
|
|
4222
|
+
"href": "/cart"
|
|
4223
|
+
},
|
|
4224
|
+
{
|
|
4225
|
+
"label": "Checkout",
|
|
4226
|
+
"icon": "credit-card",
|
|
4227
|
+
"href": "/checkout"
|
|
4228
|
+
},
|
|
4229
|
+
{
|
|
4230
|
+
"icon": "clipboard-list",
|
|
4231
|
+
"href": "/orders",
|
|
4232
|
+
"label": "Orders"
|
|
4233
|
+
}
|
|
4234
|
+
],
|
|
4212
4235
|
"children": [
|
|
4213
4236
|
{
|
|
4237
|
+
"direction": "vertical",
|
|
4238
|
+
"type": "stack",
|
|
4239
|
+
"gap": "lg",
|
|
4214
4240
|
"children": [
|
|
4215
4241
|
{
|
|
4216
|
-
"
|
|
4242
|
+
"gap": "sm",
|
|
4217
4243
|
"children": [
|
|
4218
4244
|
{
|
|
4219
|
-
"
|
|
4220
|
-
"
|
|
4245
|
+
"type": "icon",
|
|
4246
|
+
"name": "credit-card"
|
|
4221
4247
|
},
|
|
4222
4248
|
{
|
|
4223
|
-
"variant": "h2",
|
|
4224
4249
|
"type": "typography",
|
|
4250
|
+
"variant": "h2",
|
|
4225
4251
|
"content": "Checkout"
|
|
4226
4252
|
}
|
|
4227
4253
|
],
|
|
4228
|
-
"
|
|
4229
|
-
"
|
|
4230
|
-
"
|
|
4254
|
+
"direction": "horizontal",
|
|
4255
|
+
"align": "center",
|
|
4256
|
+
"type": "stack"
|
|
4231
4257
|
},
|
|
4232
4258
|
{
|
|
4233
|
-
"
|
|
4234
|
-
"
|
|
4259
|
+
"label": "Review",
|
|
4260
|
+
"type": "badge"
|
|
4235
4261
|
},
|
|
4236
4262
|
{
|
|
4263
|
+
"currentStep": 3.0,
|
|
4264
|
+
"type": "wizard-progress",
|
|
4237
4265
|
"steps": [
|
|
4238
4266
|
"Customer Info",
|
|
4239
4267
|
"Shipping",
|
|
4240
4268
|
"Payment"
|
|
4241
|
-
]
|
|
4242
|
-
"type": "wizard-progress",
|
|
4243
|
-
"currentStep": 3.0
|
|
4269
|
+
]
|
|
4244
4270
|
},
|
|
4245
4271
|
{
|
|
4246
4272
|
"type": "divider"
|
|
4247
4273
|
},
|
|
4248
4274
|
{
|
|
4249
|
-
"
|
|
4275
|
+
"gap": "sm",
|
|
4250
4276
|
"children": [
|
|
4251
4277
|
{
|
|
4252
4278
|
"type": "stack",
|
|
4279
|
+
"gap": "md",
|
|
4253
4280
|
"direction": "horizontal",
|
|
4254
4281
|
"justify": "between",
|
|
4255
4282
|
"children": [
|
|
4256
4283
|
{
|
|
4257
|
-
"content": "Customer Name",
|
|
4258
4284
|
"type": "typography",
|
|
4259
|
-
"variant": "caption"
|
|
4285
|
+
"variant": "caption",
|
|
4286
|
+
"content": "Customer Name"
|
|
4260
4287
|
},
|
|
4261
4288
|
{
|
|
4289
|
+
"content": "@entity.customerName",
|
|
4262
4290
|
"type": "typography",
|
|
4263
|
-
"variant": "body"
|
|
4264
|
-
"content": "@entity.customerName"
|
|
4291
|
+
"variant": "body"
|
|
4265
4292
|
}
|
|
4266
|
-
]
|
|
4267
|
-
"gap": "md"
|
|
4293
|
+
]
|
|
4268
4294
|
},
|
|
4269
4295
|
{
|
|
4270
4296
|
"type": "stack",
|
|
4271
4297
|
"direction": "horizontal",
|
|
4272
4298
|
"gap": "md",
|
|
4299
|
+
"justify": "between",
|
|
4273
4300
|
"children": [
|
|
4274
4301
|
{
|
|
4275
|
-
"variant": "caption",
|
|
4276
4302
|
"content": "Email",
|
|
4277
|
-
"type": "typography"
|
|
4303
|
+
"type": "typography",
|
|
4304
|
+
"variant": "caption"
|
|
4278
4305
|
},
|
|
4279
4306
|
{
|
|
4280
4307
|
"content": "@entity.email",
|
|
4281
4308
|
"type": "typography",
|
|
4282
4309
|
"variant": "body"
|
|
4283
4310
|
}
|
|
4284
|
-
]
|
|
4285
|
-
"justify": "between"
|
|
4311
|
+
]
|
|
4286
4312
|
},
|
|
4287
4313
|
{
|
|
4288
4314
|
"gap": "md",
|
|
4289
4315
|
"children": [
|
|
4290
4316
|
{
|
|
4291
4317
|
"variant": "caption",
|
|
4292
|
-
"
|
|
4293
|
-
"
|
|
4318
|
+
"content": "Shipping Address",
|
|
4319
|
+
"type": "typography"
|
|
4294
4320
|
},
|
|
4295
4321
|
{
|
|
4296
|
-
"variant": "body",
|
|
4297
4322
|
"type": "typography",
|
|
4298
|
-
"content": "@entity.shippingAddress"
|
|
4323
|
+
"content": "@entity.shippingAddress",
|
|
4324
|
+
"variant": "body"
|
|
4299
4325
|
}
|
|
4300
4326
|
],
|
|
4301
|
-
"justify": "between",
|
|
4302
4327
|
"direction": "horizontal",
|
|
4303
|
-
"type": "stack"
|
|
4328
|
+
"type": "stack",
|
|
4329
|
+
"justify": "between"
|
|
4304
4330
|
},
|
|
4305
4331
|
{
|
|
4306
4332
|
"type": "stack",
|
|
4307
|
-
"direction": "horizontal",
|
|
4308
4333
|
"justify": "between",
|
|
4334
|
+
"direction": "horizontal",
|
|
4309
4335
|
"children": [
|
|
4310
4336
|
{
|
|
4311
4337
|
"type": "typography",
|
|
@@ -4313,17 +4339,14 @@
|
|
|
4313
4339
|
"variant": "caption"
|
|
4314
4340
|
},
|
|
4315
4341
|
{
|
|
4342
|
+
"variant": "body",
|
|
4316
4343
|
"type": "typography",
|
|
4317
|
-
"content": "@entity.paymentMethod"
|
|
4318
|
-
"variant": "body"
|
|
4344
|
+
"content": "@entity.paymentMethod"
|
|
4319
4345
|
}
|
|
4320
4346
|
],
|
|
4321
4347
|
"gap": "md"
|
|
4322
4348
|
},
|
|
4323
4349
|
{
|
|
4324
|
-
"gap": "md",
|
|
4325
|
-
"justify": "between",
|
|
4326
|
-
"direction": "horizontal",
|
|
4327
4350
|
"children": [
|
|
4328
4351
|
{
|
|
4329
4352
|
"content": "Order Total",
|
|
@@ -4331,70 +4354,47 @@
|
|
|
4331
4354
|
"type": "typography"
|
|
4332
4355
|
},
|
|
4333
4356
|
{
|
|
4334
|
-
"type": "typography",
|
|
4335
4357
|
"content": "@entity.orderTotal",
|
|
4336
|
-
"variant": "body"
|
|
4358
|
+
"variant": "body",
|
|
4359
|
+
"type": "typography"
|
|
4337
4360
|
}
|
|
4338
4361
|
],
|
|
4339
|
-
"type": "stack"
|
|
4362
|
+
"type": "stack",
|
|
4363
|
+
"gap": "md",
|
|
4364
|
+
"direction": "horizontal",
|
|
4365
|
+
"justify": "between"
|
|
4340
4366
|
},
|
|
4341
4367
|
{
|
|
4342
4368
|
"direction": "horizontal",
|
|
4369
|
+
"type": "stack",
|
|
4343
4370
|
"gap": "md",
|
|
4344
4371
|
"justify": "between",
|
|
4345
4372
|
"children": [
|
|
4346
4373
|
{
|
|
4347
|
-
"type": "typography",
|
|
4348
4374
|
"variant": "caption",
|
|
4375
|
+
"type": "typography",
|
|
4349
4376
|
"content": "Status"
|
|
4350
4377
|
},
|
|
4351
4378
|
{
|
|
4352
|
-
"content": "@entity.status",
|
|
4353
4379
|
"variant": "body",
|
|
4354
|
-
"type": "typography"
|
|
4380
|
+
"type": "typography",
|
|
4381
|
+
"content": "@entity.status"
|
|
4355
4382
|
}
|
|
4356
|
-
]
|
|
4357
|
-
"type": "stack"
|
|
4383
|
+
]
|
|
4358
4384
|
}
|
|
4359
4385
|
],
|
|
4360
|
-
"
|
|
4361
|
-
"
|
|
4386
|
+
"type": "stack",
|
|
4387
|
+
"direction": "vertical"
|
|
4362
4388
|
},
|
|
4363
4389
|
{
|
|
4364
4390
|
"totalSteps": 4.0,
|
|
4365
4391
|
"type": "wizard-navigation",
|
|
4366
|
-
"
|
|
4367
|
-
"currentStep": 3.0,
|
|
4392
|
+
"showNext": false,
|
|
4368
4393
|
"showComplete": true,
|
|
4369
|
-
"
|
|
4394
|
+
"currentStep": 3.0,
|
|
4395
|
+
"showBack": true
|
|
4370
4396
|
}
|
|
4371
|
-
]
|
|
4372
|
-
"direction": "vertical",
|
|
4373
|
-
"type": "stack",
|
|
4374
|
-
"gap": "lg"
|
|
4375
|
-
}
|
|
4376
|
-
],
|
|
4377
|
-
"appName": "EcommerceApp",
|
|
4378
|
-
"navItems": [
|
|
4379
|
-
{
|
|
4380
|
-
"icon": "package",
|
|
4381
|
-
"href": "/products",
|
|
4382
|
-
"label": "Products"
|
|
4383
|
-
},
|
|
4384
|
-
{
|
|
4385
|
-
"href": "/cart",
|
|
4386
|
-
"icon": "shopping-cart",
|
|
4387
|
-
"label": "Cart"
|
|
4388
|
-
},
|
|
4389
|
-
{
|
|
4390
|
-
"label": "Checkout",
|
|
4391
|
-
"href": "/checkout",
|
|
4392
|
-
"icon": "credit-card"
|
|
4393
|
-
},
|
|
4394
|
-
{
|
|
4395
|
-
"href": "/orders",
|
|
4396
|
-
"label": "Orders",
|
|
4397
|
-
"icon": "clipboard-list"
|
|
4397
|
+
]
|
|
4398
4398
|
}
|
|
4399
4399
|
],
|
|
4400
4400
|
"type": "dashboard-layout"
|
|
@@ -4422,113 +4422,113 @@
|
|
|
4422
4422
|
"main",
|
|
4423
4423
|
{
|
|
4424
4424
|
"appName": "EcommerceApp",
|
|
4425
|
-
"type": "dashboard-layout",
|
|
4426
|
-
"navItems": [
|
|
4427
|
-
{
|
|
4428
|
-
"href": "/products",
|
|
4429
|
-
"label": "Products",
|
|
4430
|
-
"icon": "package"
|
|
4431
|
-
},
|
|
4432
|
-
{
|
|
4433
|
-
"href": "/cart",
|
|
4434
|
-
"label": "Cart",
|
|
4435
|
-
"icon": "shopping-cart"
|
|
4436
|
-
},
|
|
4437
|
-
{
|
|
4438
|
-
"icon": "credit-card",
|
|
4439
|
-
"label": "Checkout",
|
|
4440
|
-
"href": "/checkout"
|
|
4441
|
-
},
|
|
4442
|
-
{
|
|
4443
|
-
"href": "/orders",
|
|
4444
|
-
"icon": "clipboard-list",
|
|
4445
|
-
"label": "Orders"
|
|
4446
|
-
}
|
|
4447
|
-
],
|
|
4448
4425
|
"children": [
|
|
4449
4426
|
{
|
|
4450
|
-
"maxWidth": "lg",
|
|
4451
4427
|
"type": "container",
|
|
4452
4428
|
"padding": "lg",
|
|
4453
4429
|
"children": [
|
|
4454
4430
|
{
|
|
4455
4431
|
"type": "stack",
|
|
4456
|
-
"direction": "vertical",
|
|
4457
4432
|
"children": [
|
|
4458
4433
|
{
|
|
4434
|
+
"align": "center",
|
|
4435
|
+
"type": "stack",
|
|
4459
4436
|
"gap": "sm",
|
|
4460
|
-
"direction": "horizontal",
|
|
4461
4437
|
"children": [
|
|
4462
4438
|
{
|
|
4463
|
-
"
|
|
4464
|
-
"
|
|
4439
|
+
"name": "credit-card",
|
|
4440
|
+
"type": "icon"
|
|
4465
4441
|
},
|
|
4466
4442
|
{
|
|
4467
|
-
"variant": "h2",
|
|
4468
4443
|
"content": "Checkout",
|
|
4469
|
-
"type": "typography"
|
|
4444
|
+
"type": "typography",
|
|
4445
|
+
"variant": "h2"
|
|
4470
4446
|
}
|
|
4471
4447
|
],
|
|
4472
|
-
"
|
|
4473
|
-
"align": "center"
|
|
4448
|
+
"direction": "horizontal"
|
|
4474
4449
|
},
|
|
4475
4450
|
{
|
|
4476
|
-
"count": 3.0,
|
|
4477
4451
|
"currentIndex": 1.0,
|
|
4478
|
-
"type": "progress-dots"
|
|
4452
|
+
"type": "progress-dots",
|
|
4453
|
+
"count": 3.0
|
|
4479
4454
|
},
|
|
4480
4455
|
{
|
|
4456
|
+
"currentStep": 1.0,
|
|
4457
|
+
"type": "wizard-progress",
|
|
4481
4458
|
"steps": [
|
|
4482
4459
|
"Customer Info",
|
|
4483
4460
|
"Shipping",
|
|
4484
4461
|
"Payment"
|
|
4485
|
-
]
|
|
4486
|
-
"currentStep": 1.0,
|
|
4487
|
-
"type": "wizard-progress"
|
|
4462
|
+
]
|
|
4488
4463
|
},
|
|
4489
4464
|
{
|
|
4490
4465
|
"type": "divider"
|
|
4491
4466
|
},
|
|
4492
4467
|
{
|
|
4493
|
-
"type": "typography",
|
|
4494
4468
|
"content": "Shipping",
|
|
4469
|
+
"type": "typography",
|
|
4495
4470
|
"variant": "h3"
|
|
4496
4471
|
},
|
|
4497
4472
|
{
|
|
4498
|
-
"type": "form-section",
|
|
4499
|
-
"submitEvent": "NEXT",
|
|
4500
4473
|
"fields": [
|
|
4501
4474
|
"shippingAddress"
|
|
4502
4475
|
],
|
|
4503
|
-
"
|
|
4504
|
-
"mode": "create"
|
|
4476
|
+
"type": "form-section",
|
|
4477
|
+
"mode": "create",
|
|
4478
|
+
"submitEvent": "NEXT",
|
|
4479
|
+
"cancelEvent": "PREV"
|
|
4505
4480
|
},
|
|
4506
4481
|
{
|
|
4482
|
+
"type": "stack",
|
|
4483
|
+
"justify": "end",
|
|
4507
4484
|
"direction": "horizontal",
|
|
4508
4485
|
"gap": "sm",
|
|
4509
4486
|
"children": [
|
|
4510
4487
|
{
|
|
4511
|
-
"action": "PREV",
|
|
4512
4488
|
"variant": "ghost",
|
|
4513
|
-
"
|
|
4489
|
+
"action": "PREV",
|
|
4490
|
+
"label": "Back",
|
|
4514
4491
|
"type": "button",
|
|
4515
|
-
"
|
|
4492
|
+
"icon": "arrow-left"
|
|
4516
4493
|
},
|
|
4517
4494
|
{
|
|
4518
|
-
"action": "NEXT",
|
|
4519
4495
|
"variant": "primary",
|
|
4520
|
-
"
|
|
4496
|
+
"icon": "arrow-right",
|
|
4521
4497
|
"label": "Next",
|
|
4522
|
-
"
|
|
4498
|
+
"type": "button",
|
|
4499
|
+
"action": "NEXT"
|
|
4523
4500
|
}
|
|
4524
|
-
]
|
|
4525
|
-
"type": "stack",
|
|
4526
|
-
"justify": "end"
|
|
4501
|
+
]
|
|
4527
4502
|
}
|
|
4528
4503
|
],
|
|
4529
|
-
"gap": "lg"
|
|
4504
|
+
"gap": "lg",
|
|
4505
|
+
"direction": "vertical"
|
|
4530
4506
|
}
|
|
4531
|
-
]
|
|
4507
|
+
],
|
|
4508
|
+
"maxWidth": "lg"
|
|
4509
|
+
}
|
|
4510
|
+
],
|
|
4511
|
+
"type": "dashboard-layout",
|
|
4512
|
+
"navItems": [
|
|
4513
|
+
{
|
|
4514
|
+
"href": "/products",
|
|
4515
|
+
"label": "Products",
|
|
4516
|
+
"icon": "package"
|
|
4517
|
+
},
|
|
4518
|
+
{
|
|
4519
|
+
"label": "Cart",
|
|
4520
|
+
"href": "/cart",
|
|
4521
|
+
"icon": "shopping-cart"
|
|
4522
|
+
},
|
|
4523
|
+
{
|
|
4524
|
+
"label": "Checkout",
|
|
4525
|
+
"icon": "credit-card",
|
|
4526
|
+
"href": "/checkout"
|
|
4527
|
+
},
|
|
4528
|
+
{
|
|
4529
|
+
"icon": "clipboard-list",
|
|
4530
|
+
"label": "Orders",
|
|
4531
|
+
"href": "/orders"
|
|
4532
4532
|
}
|
|
4533
4533
|
]
|
|
4534
4534
|
}
|
|
@@ -4545,8 +4545,8 @@
|
|
|
4545
4545
|
"Checkout",
|
|
4546
4546
|
{
|
|
4547
4547
|
"emit": {
|
|
4548
|
-
"
|
|
4549
|
-
"
|
|
4548
|
+
"failure": "CheckoutLoadFailed",
|
|
4549
|
+
"success": "CheckoutLoaded"
|
|
4550
4550
|
}
|
|
4551
4551
|
}
|
|
4552
4552
|
],
|
|
@@ -4554,29 +4554,29 @@
|
|
|
4554
4554
|
"render-ui",
|
|
4555
4555
|
"main",
|
|
4556
4556
|
{
|
|
4557
|
+
"appName": "EcommerceApp",
|
|
4558
|
+
"type": "dashboard-layout",
|
|
4557
4559
|
"children": [
|
|
4558
4560
|
{
|
|
4559
|
-
"type": "container",
|
|
4560
4561
|
"children": [
|
|
4561
4562
|
{
|
|
4562
|
-
"gap": "lg",
|
|
4563
4563
|
"children": [
|
|
4564
4564
|
{
|
|
4565
4565
|
"type": "stack",
|
|
4566
|
-
"gap": "sm",
|
|
4567
4566
|
"align": "center",
|
|
4568
4567
|
"children": [
|
|
4569
4568
|
{
|
|
4570
|
-
"
|
|
4571
|
-
"
|
|
4569
|
+
"type": "icon",
|
|
4570
|
+
"name": "credit-card"
|
|
4572
4571
|
},
|
|
4573
4572
|
{
|
|
4574
|
-
"type": "typography",
|
|
4575
4573
|
"variant": "h2",
|
|
4574
|
+
"type": "typography",
|
|
4576
4575
|
"content": "Checkout"
|
|
4577
4576
|
}
|
|
4578
4577
|
],
|
|
4579
|
-
"direction": "horizontal"
|
|
4578
|
+
"direction": "horizontal",
|
|
4579
|
+
"gap": "sm"
|
|
4580
4580
|
},
|
|
4581
4581
|
{
|
|
4582
4582
|
"count": 3.0,
|
|
@@ -4584,64 +4584,64 @@
|
|
|
4584
4584
|
"currentIndex": 2.0
|
|
4585
4585
|
},
|
|
4586
4586
|
{
|
|
4587
|
+
"currentStep": 2.0,
|
|
4588
|
+
"type": "wizard-progress",
|
|
4587
4589
|
"steps": [
|
|
4588
4590
|
"Customer Info",
|
|
4589
4591
|
"Shipping",
|
|
4590
4592
|
"Payment"
|
|
4591
|
-
]
|
|
4592
|
-
"currentStep": 2.0,
|
|
4593
|
-
"type": "wizard-progress"
|
|
4593
|
+
]
|
|
4594
4594
|
},
|
|
4595
4595
|
{
|
|
4596
4596
|
"type": "divider"
|
|
4597
4597
|
},
|
|
4598
4598
|
{
|
|
4599
|
-
"type": "typography",
|
|
4600
4599
|
"content": "Payment",
|
|
4600
|
+
"type": "typography",
|
|
4601
4601
|
"variant": "h3"
|
|
4602
4602
|
},
|
|
4603
4603
|
{
|
|
4604
|
+
"submitEvent": "NEXT",
|
|
4605
|
+
"cancelEvent": "PREV",
|
|
4606
|
+
"type": "form-section",
|
|
4604
4607
|
"mode": "create",
|
|
4605
4608
|
"fields": [
|
|
4606
4609
|
"paymentMethod"
|
|
4607
|
-
]
|
|
4608
|
-
"cancelEvent": "PREV",
|
|
4609
|
-
"type": "form-section",
|
|
4610
|
-
"submitEvent": "NEXT"
|
|
4610
|
+
]
|
|
4611
4611
|
},
|
|
4612
4612
|
{
|
|
4613
|
-
"type": "stack",
|
|
4614
|
-
"direction": "horizontal",
|
|
4615
4613
|
"gap": "sm",
|
|
4616
|
-
"justify": "end",
|
|
4617
4614
|
"children": [
|
|
4618
4615
|
{
|
|
4619
|
-
"
|
|
4616
|
+
"icon": "arrow-left",
|
|
4620
4617
|
"variant": "ghost",
|
|
4621
4618
|
"type": "button",
|
|
4622
|
-
"
|
|
4623
|
-
"
|
|
4619
|
+
"label": "Back",
|
|
4620
|
+
"action": "PREV"
|
|
4624
4621
|
},
|
|
4625
4622
|
{
|
|
4626
|
-
"
|
|
4627
|
-
"variant": "primary",
|
|
4623
|
+
"icon": "arrow-right",
|
|
4628
4624
|
"type": "button",
|
|
4629
4625
|
"action": "NEXT",
|
|
4630
|
-
"
|
|
4626
|
+
"variant": "primary",
|
|
4627
|
+
"label": "Next"
|
|
4631
4628
|
}
|
|
4632
|
-
]
|
|
4629
|
+
],
|
|
4630
|
+
"justify": "end",
|
|
4631
|
+
"direction": "horizontal",
|
|
4632
|
+
"type": "stack"
|
|
4633
4633
|
}
|
|
4634
4634
|
],
|
|
4635
|
-
"
|
|
4636
|
-
"type": "stack"
|
|
4635
|
+
"gap": "lg",
|
|
4636
|
+
"type": "stack",
|
|
4637
|
+
"direction": "vertical"
|
|
4637
4638
|
}
|
|
4638
4639
|
],
|
|
4639
|
-
"
|
|
4640
|
-
"padding": "lg"
|
|
4640
|
+
"type": "container",
|
|
4641
|
+
"padding": "lg",
|
|
4642
|
+
"maxWidth": "lg"
|
|
4641
4643
|
}
|
|
4642
4644
|
],
|
|
4643
|
-
"type": "dashboard-layout",
|
|
4644
|
-
"appName": "EcommerceApp",
|
|
4645
4645
|
"navItems": [
|
|
4646
4646
|
{
|
|
4647
4647
|
"label": "Products",
|
|
@@ -4649,19 +4649,19 @@
|
|
|
4649
4649
|
"icon": "package"
|
|
4650
4650
|
},
|
|
4651
4651
|
{
|
|
4652
|
-
"
|
|
4652
|
+
"icon": "shopping-cart",
|
|
4653
4653
|
"label": "Cart",
|
|
4654
|
-
"
|
|
4654
|
+
"href": "/cart"
|
|
4655
4655
|
},
|
|
4656
4656
|
{
|
|
4657
|
-
"icon": "credit-card",
|
|
4658
4657
|
"href": "/checkout",
|
|
4658
|
+
"icon": "credit-card",
|
|
4659
4659
|
"label": "Checkout"
|
|
4660
4660
|
},
|
|
4661
4661
|
{
|
|
4662
|
+
"icon": "clipboard-list",
|
|
4662
4663
|
"label": "Orders",
|
|
4663
|
-
"href": "/orders"
|
|
4664
|
-
"icon": "clipboard-list"
|
|
4664
|
+
"href": "/orders"
|
|
4665
4665
|
}
|
|
4666
4666
|
]
|
|
4667
4667
|
}
|
|
@@ -4695,12 +4695,43 @@
|
|
|
4695
4695
|
"main",
|
|
4696
4696
|
{
|
|
4697
4697
|
"type": "dashboard-layout",
|
|
4698
|
+
"children": [
|
|
4699
|
+
{
|
|
4700
|
+
"children": [
|
|
4701
|
+
{
|
|
4702
|
+
"name": "check-circle",
|
|
4703
|
+
"type": "icon"
|
|
4704
|
+
},
|
|
4705
|
+
{
|
|
4706
|
+
"variant": "h2",
|
|
4707
|
+
"type": "typography",
|
|
4708
|
+
"content": "Order Placed"
|
|
4709
|
+
},
|
|
4710
|
+
{
|
|
4711
|
+
"content": "Your order has been placed successfully.",
|
|
4712
|
+
"type": "typography",
|
|
4713
|
+
"variant": "body"
|
|
4714
|
+
},
|
|
4715
|
+
{
|
|
4716
|
+
"variant": "primary",
|
|
4717
|
+
"label": "Start New",
|
|
4718
|
+
"type": "button",
|
|
4719
|
+
"action": "RESTART",
|
|
4720
|
+
"icon": "refresh-cw"
|
|
4721
|
+
}
|
|
4722
|
+
],
|
|
4723
|
+
"type": "stack",
|
|
4724
|
+
"direction": "vertical",
|
|
4725
|
+
"gap": "lg",
|
|
4726
|
+
"align": "center"
|
|
4727
|
+
}
|
|
4728
|
+
],
|
|
4698
4729
|
"appName": "EcommerceApp",
|
|
4699
4730
|
"navItems": [
|
|
4700
4731
|
{
|
|
4701
|
-
"
|
|
4732
|
+
"label": "Products",
|
|
4702
4733
|
"icon": "package",
|
|
4703
|
-
"
|
|
4734
|
+
"href": "/products"
|
|
4704
4735
|
},
|
|
4705
4736
|
{
|
|
4706
4737
|
"label": "Cart",
|
|
@@ -4713,40 +4744,9 @@
|
|
|
4713
4744
|
"icon": "credit-card"
|
|
4714
4745
|
},
|
|
4715
4746
|
{
|
|
4716
|
-
"icon": "clipboard-list",
|
|
4717
4747
|
"label": "Orders",
|
|
4718
|
-
"href": "/orders"
|
|
4719
|
-
|
|
4720
|
-
],
|
|
4721
|
-
"children": [
|
|
4722
|
-
{
|
|
4723
|
-
"align": "center",
|
|
4724
|
-
"gap": "lg",
|
|
4725
|
-
"type": "stack",
|
|
4726
|
-
"direction": "vertical",
|
|
4727
|
-
"children": [
|
|
4728
|
-
{
|
|
4729
|
-
"type": "icon",
|
|
4730
|
-
"name": "check-circle"
|
|
4731
|
-
},
|
|
4732
|
-
{
|
|
4733
|
-
"type": "typography",
|
|
4734
|
-
"variant": "h2",
|
|
4735
|
-
"content": "Order Placed"
|
|
4736
|
-
},
|
|
4737
|
-
{
|
|
4738
|
-
"type": "typography",
|
|
4739
|
-
"content": "Your order has been placed successfully.",
|
|
4740
|
-
"variant": "body"
|
|
4741
|
-
},
|
|
4742
|
-
{
|
|
4743
|
-
"action": "RESTART",
|
|
4744
|
-
"type": "button",
|
|
4745
|
-
"variant": "primary",
|
|
4746
|
-
"icon": "refresh-cw",
|
|
4747
|
-
"label": "Start New"
|
|
4748
|
-
}
|
|
4749
|
-
]
|
|
4748
|
+
"href": "/orders",
|
|
4749
|
+
"icon": "clipboard-list"
|
|
4750
4750
|
}
|
|
4751
4751
|
]
|
|
4752
4752
|
}
|
|
@@ -4763,8 +4763,8 @@
|
|
|
4763
4763
|
"Checkout",
|
|
4764
4764
|
{
|
|
4765
4765
|
"emit": {
|
|
4766
|
-
"
|
|
4767
|
-
"
|
|
4766
|
+
"success": "CheckoutLoaded",
|
|
4767
|
+
"failure": "CheckoutLoadFailed"
|
|
4768
4768
|
}
|
|
4769
4769
|
}
|
|
4770
4770
|
],
|
|
@@ -4772,108 +4772,108 @@
|
|
|
4772
4772
|
"render-ui",
|
|
4773
4773
|
"main",
|
|
4774
4774
|
{
|
|
4775
|
+
"appName": "EcommerceApp",
|
|
4776
|
+
"navItems": [
|
|
4777
|
+
{
|
|
4778
|
+
"label": "Products",
|
|
4779
|
+
"icon": "package",
|
|
4780
|
+
"href": "/products"
|
|
4781
|
+
},
|
|
4782
|
+
{
|
|
4783
|
+
"icon": "shopping-cart",
|
|
4784
|
+
"label": "Cart",
|
|
4785
|
+
"href": "/cart"
|
|
4786
|
+
},
|
|
4787
|
+
{
|
|
4788
|
+
"href": "/checkout",
|
|
4789
|
+
"icon": "credit-card",
|
|
4790
|
+
"label": "Checkout"
|
|
4791
|
+
},
|
|
4792
|
+
{
|
|
4793
|
+
"label": "Orders",
|
|
4794
|
+
"href": "/orders",
|
|
4795
|
+
"icon": "clipboard-list"
|
|
4796
|
+
}
|
|
4797
|
+
],
|
|
4798
|
+
"type": "dashboard-layout",
|
|
4775
4799
|
"children": [
|
|
4776
4800
|
{
|
|
4777
|
-
"padding": "lg",
|
|
4778
4801
|
"type": "container",
|
|
4802
|
+
"maxWidth": "lg",
|
|
4779
4803
|
"children": [
|
|
4780
4804
|
{
|
|
4781
|
-
"gap": "lg",
|
|
4782
4805
|
"direction": "vertical",
|
|
4783
4806
|
"type": "stack",
|
|
4807
|
+
"gap": "lg",
|
|
4784
4808
|
"children": [
|
|
4785
4809
|
{
|
|
4786
|
-
"gap": "sm",
|
|
4787
|
-
"align": "center",
|
|
4788
4810
|
"type": "stack",
|
|
4789
|
-
"
|
|
4811
|
+
"gap": "sm",
|
|
4790
4812
|
"children": [
|
|
4791
4813
|
{
|
|
4792
|
-
"
|
|
4793
|
-
"
|
|
4814
|
+
"type": "icon",
|
|
4815
|
+
"name": "credit-card"
|
|
4794
4816
|
},
|
|
4795
4817
|
{
|
|
4796
|
-
"type": "typography",
|
|
4797
4818
|
"content": "Checkout",
|
|
4798
|
-
"variant": "h2"
|
|
4819
|
+
"variant": "h2",
|
|
4820
|
+
"type": "typography"
|
|
4799
4821
|
}
|
|
4800
|
-
]
|
|
4822
|
+
],
|
|
4823
|
+
"direction": "horizontal",
|
|
4824
|
+
"align": "center"
|
|
4801
4825
|
},
|
|
4802
4826
|
{
|
|
4803
|
-
"
|
|
4827
|
+
"type": "progress-dots",
|
|
4804
4828
|
"count": 3.0,
|
|
4805
|
-
"
|
|
4829
|
+
"currentIndex": 0.0
|
|
4806
4830
|
},
|
|
4807
4831
|
{
|
|
4808
|
-
"
|
|
4832
|
+
"type": "wizard-progress",
|
|
4809
4833
|
"steps": [
|
|
4810
4834
|
"Customer Info",
|
|
4811
4835
|
"Shipping",
|
|
4812
4836
|
"Payment"
|
|
4813
4837
|
],
|
|
4814
|
-
"
|
|
4838
|
+
"currentStep": 0.0
|
|
4815
4839
|
},
|
|
4816
4840
|
{
|
|
4817
4841
|
"type": "divider"
|
|
4818
4842
|
},
|
|
4819
4843
|
{
|
|
4820
|
-
"
|
|
4844
|
+
"variant": "h3",
|
|
4821
4845
|
"type": "typography",
|
|
4822
|
-
"
|
|
4846
|
+
"content": "Customer Info"
|
|
4823
4847
|
},
|
|
4824
4848
|
{
|
|
4825
|
-
"type": "form-section",
|
|
4826
|
-
"mode": "create",
|
|
4827
|
-
"submitEvent": "NEXT",
|
|
4828
4849
|
"fields": [
|
|
4829
4850
|
"customerName",
|
|
4830
4851
|
"email"
|
|
4831
4852
|
],
|
|
4832
|
-
"cancelEvent": "INIT"
|
|
4853
|
+
"cancelEvent": "INIT",
|
|
4854
|
+
"submitEvent": "NEXT",
|
|
4855
|
+
"mode": "create",
|
|
4856
|
+
"type": "form-section"
|
|
4833
4857
|
},
|
|
4834
4858
|
{
|
|
4835
|
-
"direction": "horizontal",
|
|
4836
|
-
"justify": "end",
|
|
4837
|
-
"type": "stack",
|
|
4838
4859
|
"children": [
|
|
4839
4860
|
{
|
|
4840
|
-
"label": "Next",
|
|
4841
|
-
"action": "NEXT",
|
|
4842
4861
|
"variant": "primary",
|
|
4843
4862
|
"icon": "arrow-right",
|
|
4844
|
-
"type": "button"
|
|
4863
|
+
"type": "button",
|
|
4864
|
+
"action": "NEXT",
|
|
4865
|
+
"label": "Next"
|
|
4845
4866
|
}
|
|
4846
4867
|
],
|
|
4847
|
-
"gap": "sm"
|
|
4868
|
+
"gap": "sm",
|
|
4869
|
+
"type": "stack",
|
|
4870
|
+
"justify": "end",
|
|
4871
|
+
"direction": "horizontal"
|
|
4848
4872
|
}
|
|
4849
4873
|
]
|
|
4850
4874
|
}
|
|
4851
4875
|
],
|
|
4852
|
-
"
|
|
4853
|
-
}
|
|
4854
|
-
],
|
|
4855
|
-
"type": "dashboard-layout",
|
|
4856
|
-
"appName": "EcommerceApp",
|
|
4857
|
-
"navItems": [
|
|
4858
|
-
{
|
|
4859
|
-
"href": "/products",
|
|
4860
|
-
"icon": "package",
|
|
4861
|
-
"label": "Products"
|
|
4862
|
-
},
|
|
4863
|
-
{
|
|
4864
|
-
"href": "/cart",
|
|
4865
|
-
"icon": "shopping-cart",
|
|
4866
|
-
"label": "Cart"
|
|
4867
|
-
},
|
|
4868
|
-
{
|
|
4869
|
-
"icon": "credit-card",
|
|
4870
|
-
"label": "Checkout",
|
|
4871
|
-
"href": "/checkout"
|
|
4872
|
-
},
|
|
4873
|
-
{
|
|
4874
|
-
"icon": "clipboard-list",
|
|
4875
|
-
"href": "/orders",
|
|
4876
|
-
"label": "Orders"
|
|
4876
|
+
"padding": "lg"
|
|
4877
4877
|
}
|
|
4878
4878
|
]
|
|
4879
4879
|
}
|
|
@@ -4890,8 +4890,8 @@
|
|
|
4890
4890
|
"Checkout",
|
|
4891
4891
|
{
|
|
4892
4892
|
"emit": {
|
|
4893
|
-
"
|
|
4894
|
-
"
|
|
4893
|
+
"success": "CheckoutLoaded",
|
|
4894
|
+
"failure": "CheckoutLoadFailed"
|
|
4895
4895
|
}
|
|
4896
4896
|
}
|
|
4897
4897
|
],
|
|
@@ -4903,15 +4903,20 @@
|
|
|
4903
4903
|
"appName": "EcommerceApp",
|
|
4904
4904
|
"children": [
|
|
4905
4905
|
{
|
|
4906
|
-
"
|
|
4906
|
+
"maxWidth": "lg",
|
|
4907
4907
|
"type": "container",
|
|
4908
|
+
"padding": "lg",
|
|
4908
4909
|
"children": [
|
|
4909
4910
|
{
|
|
4910
4911
|
"direction": "vertical",
|
|
4912
|
+
"type": "stack",
|
|
4913
|
+
"gap": "lg",
|
|
4911
4914
|
"children": [
|
|
4912
4915
|
{
|
|
4913
|
-
"direction": "horizontal",
|
|
4914
4916
|
"gap": "sm",
|
|
4917
|
+
"type": "stack",
|
|
4918
|
+
"direction": "horizontal",
|
|
4919
|
+
"align": "center",
|
|
4915
4920
|
"children": [
|
|
4916
4921
|
{
|
|
4917
4922
|
"name": "credit-card",
|
|
@@ -4919,73 +4924,68 @@
|
|
|
4919
4924
|
},
|
|
4920
4925
|
{
|
|
4921
4926
|
"content": "Checkout",
|
|
4922
|
-
"
|
|
4923
|
-
"
|
|
4927
|
+
"type": "typography",
|
|
4928
|
+
"variant": "h2"
|
|
4924
4929
|
}
|
|
4925
|
-
]
|
|
4926
|
-
"type": "stack",
|
|
4927
|
-
"align": "center"
|
|
4930
|
+
]
|
|
4928
4931
|
},
|
|
4929
4932
|
{
|
|
4930
4933
|
"type": "progress-dots",
|
|
4931
|
-
"
|
|
4932
|
-
"
|
|
4934
|
+
"currentIndex": 0.0,
|
|
4935
|
+
"count": 3.0
|
|
4933
4936
|
},
|
|
4934
4937
|
{
|
|
4938
|
+
"currentStep": 0.0,
|
|
4939
|
+
"type": "wizard-progress",
|
|
4935
4940
|
"steps": [
|
|
4936
4941
|
"Customer Info",
|
|
4937
4942
|
"Shipping",
|
|
4938
4943
|
"Payment"
|
|
4939
|
-
]
|
|
4940
|
-
"type": "wizard-progress",
|
|
4941
|
-
"currentStep": 0.0
|
|
4944
|
+
]
|
|
4942
4945
|
},
|
|
4943
4946
|
{
|
|
4944
4947
|
"type": "divider"
|
|
4945
4948
|
},
|
|
4946
4949
|
{
|
|
4947
|
-
"
|
|
4950
|
+
"variant": "h3",
|
|
4948
4951
|
"content": "Customer Info",
|
|
4949
|
-
"
|
|
4952
|
+
"type": "typography"
|
|
4950
4953
|
},
|
|
4951
4954
|
{
|
|
4952
4955
|
"submitEvent": "NEXT",
|
|
4953
4956
|
"cancelEvent": "INIT",
|
|
4954
|
-
"type": "form-section",
|
|
4955
4957
|
"mode": "create",
|
|
4958
|
+
"type": "form-section",
|
|
4956
4959
|
"fields": [
|
|
4957
4960
|
"customerName",
|
|
4958
4961
|
"email"
|
|
4959
4962
|
]
|
|
4960
4963
|
},
|
|
4961
4964
|
{
|
|
4965
|
+
"gap": "sm",
|
|
4966
|
+
"direction": "horizontal",
|
|
4962
4967
|
"type": "stack",
|
|
4963
4968
|
"children": [
|
|
4964
4969
|
{
|
|
4965
4970
|
"variant": "primary",
|
|
4966
|
-
"icon": "arrow-right",
|
|
4967
|
-
"type": "button",
|
|
4968
4971
|
"action": "NEXT",
|
|
4969
|
-
"
|
|
4972
|
+
"type": "button",
|
|
4973
|
+
"label": "Next",
|
|
4974
|
+
"icon": "arrow-right"
|
|
4970
4975
|
}
|
|
4971
4976
|
],
|
|
4972
|
-
"direction": "horizontal",
|
|
4973
|
-
"gap": "sm",
|
|
4974
4977
|
"justify": "end"
|
|
4975
4978
|
}
|
|
4976
|
-
]
|
|
4977
|
-
"gap": "lg",
|
|
4978
|
-
"type": "stack"
|
|
4979
|
+
]
|
|
4979
4980
|
}
|
|
4980
|
-
]
|
|
4981
|
-
"maxWidth": "lg"
|
|
4981
|
+
]
|
|
4982
4982
|
}
|
|
4983
4983
|
],
|
|
4984
4984
|
"navItems": [
|
|
4985
4985
|
{
|
|
4986
|
-
"
|
|
4986
|
+
"label": "Products",
|
|
4987
4987
|
"href": "/products",
|
|
4988
|
-
"
|
|
4988
|
+
"icon": "package"
|
|
4989
4989
|
},
|
|
4990
4990
|
{
|
|
4991
4991
|
"href": "/cart",
|
|
@@ -4998,9 +4998,9 @@
|
|
|
4998
4998
|
"icon": "credit-card"
|
|
4999
4999
|
},
|
|
5000
5000
|
{
|
|
5001
|
+
"label": "Orders",
|
|
5001
5002
|
"icon": "clipboard-list",
|
|
5002
|
-
"href": "/orders"
|
|
5003
|
-
"label": "Orders"
|
|
5003
|
+
"href": "/orders"
|
|
5004
5004
|
}
|
|
5005
5005
|
]
|
|
5006
5006
|
}
|
|
@@ -5185,8 +5185,8 @@
|
|
|
5185
5185
|
"OrderRecord",
|
|
5186
5186
|
{
|
|
5187
5187
|
"emit": {
|
|
5188
|
-
"
|
|
5189
|
-
"
|
|
5188
|
+
"success": "OrderRecordLoaded",
|
|
5189
|
+
"failure": "OrderRecordLoadFailed"
|
|
5190
5190
|
}
|
|
5191
5191
|
}
|
|
5192
5192
|
],
|
|
@@ -5194,22 +5194,22 @@
|
|
|
5194
5194
|
"render-ui",
|
|
5195
5195
|
"main",
|
|
5196
5196
|
{
|
|
5197
|
+
"gap": "md",
|
|
5198
|
+
"type": "stack",
|
|
5199
|
+
"direction": "vertical",
|
|
5200
|
+
"className": "py-12",
|
|
5197
5201
|
"children": [
|
|
5198
5202
|
{
|
|
5199
5203
|
"type": "spinner"
|
|
5200
5204
|
},
|
|
5201
5205
|
{
|
|
5202
|
-
"
|
|
5203
|
-
"color": "muted",
|
|
5204
|
-
"type": "typography",
|
|
5205
|
-
"
|
|
5206
|
-
}
|
|
5207
|
-
],
|
|
5208
|
-
"align": "center"
|
|
5209
|
-
"type": "stack",
|
|
5210
|
-
"direction": "vertical",
|
|
5211
|
-
"gap": "md",
|
|
5212
|
-
"className": "py-12"
|
|
5206
|
+
"variant": "caption",
|
|
5207
|
+
"color": "muted",
|
|
5208
|
+
"type": "typography",
|
|
5209
|
+
"content": "Loading…"
|
|
5210
|
+
}
|
|
5211
|
+
],
|
|
5212
|
+
"align": "center"
|
|
5213
5213
|
}
|
|
5214
5214
|
]
|
|
5215
5215
|
]
|
|
@@ -5227,50 +5227,48 @@
|
|
|
5227
5227
|
"appName": "EcommerceApp",
|
|
5228
5228
|
"children": [
|
|
5229
5229
|
{
|
|
5230
|
-
"type": "stack",
|
|
5231
|
-
"direction": "vertical",
|
|
5232
5230
|
"className": "max-w-5xl mx-auto w-full",
|
|
5233
|
-
"
|
|
5231
|
+
"direction": "vertical",
|
|
5234
5232
|
"children": [
|
|
5235
5233
|
{
|
|
5236
|
-
"gap": "md",
|
|
5237
5234
|
"justify": "between",
|
|
5238
|
-
"
|
|
5235
|
+
"direction": "horizontal",
|
|
5239
5236
|
"children": [
|
|
5240
5237
|
{
|
|
5238
|
+
"align": "center",
|
|
5239
|
+
"direction": "horizontal",
|
|
5241
5240
|
"children": [
|
|
5242
5241
|
{
|
|
5243
|
-
"
|
|
5244
|
-
"
|
|
5242
|
+
"name": "clipboard-list",
|
|
5243
|
+
"type": "icon"
|
|
5245
5244
|
},
|
|
5246
5245
|
{
|
|
5247
|
-
"content": "Order History",
|
|
5248
5246
|
"type": "typography",
|
|
5247
|
+
"content": "Order History",
|
|
5249
5248
|
"variant": "h2"
|
|
5250
5249
|
}
|
|
5251
5250
|
],
|
|
5252
|
-
"type": "stack",
|
|
5253
|
-
"direction": "horizontal",
|
|
5254
5251
|
"gap": "sm",
|
|
5255
|
-
"
|
|
5252
|
+
"type": "stack"
|
|
5256
5253
|
},
|
|
5257
5254
|
{
|
|
5258
5255
|
"direction": "horizontal",
|
|
5259
|
-
"gap": "sm",
|
|
5260
|
-
"type": "stack",
|
|
5261
5256
|
"children": [
|
|
5262
5257
|
{
|
|
5258
|
+
"type": "button",
|
|
5263
5259
|
"variant": "primary",
|
|
5264
5260
|
"action": "CREATE",
|
|
5265
5261
|
"label": "Create OrderRecord",
|
|
5266
|
-
"icon": "plus"
|
|
5267
|
-
"type": "button"
|
|
5262
|
+
"icon": "plus"
|
|
5268
5263
|
}
|
|
5269
|
-
]
|
|
5264
|
+
],
|
|
5265
|
+
"type": "stack",
|
|
5266
|
+
"gap": "sm"
|
|
5270
5267
|
}
|
|
5271
5268
|
],
|
|
5272
|
-
"
|
|
5273
|
-
"type": "stack"
|
|
5269
|
+
"gap": "md",
|
|
5270
|
+
"type": "stack",
|
|
5271
|
+
"align": "center"
|
|
5274
5272
|
},
|
|
5275
5273
|
{
|
|
5276
5274
|
"type": "divider"
|
|
@@ -5278,77 +5276,79 @@
|
|
|
5278
5276
|
{
|
|
5279
5277
|
"type": "data-list",
|
|
5280
5278
|
"entity": "@payload.data",
|
|
5279
|
+
"variant": "card",
|
|
5281
5280
|
"itemActions": [
|
|
5282
5281
|
{
|
|
5283
|
-
"label": "View",
|
|
5284
5282
|
"event": "VIEW",
|
|
5285
|
-
"variant": "ghost"
|
|
5283
|
+
"variant": "ghost",
|
|
5284
|
+
"label": "View"
|
|
5286
5285
|
},
|
|
5287
5286
|
{
|
|
5287
|
+
"variant": "ghost",
|
|
5288
5288
|
"event": "EDIT",
|
|
5289
|
-
"label": "Edit"
|
|
5290
|
-
"variant": "ghost"
|
|
5289
|
+
"label": "Edit"
|
|
5291
5290
|
},
|
|
5292
5291
|
{
|
|
5293
|
-
"
|
|
5292
|
+
"event": "DELETE",
|
|
5294
5293
|
"variant": "danger",
|
|
5295
|
-
"
|
|
5294
|
+
"label": "Delete"
|
|
5296
5295
|
}
|
|
5297
5296
|
],
|
|
5298
|
-
"fields": [],
|
|
5299
5297
|
"columns": [
|
|
5300
5298
|
{
|
|
5301
|
-
"variant": "h3",
|
|
5302
5299
|
"label": "Customer",
|
|
5303
5300
|
"icon": "clipboard-list",
|
|
5301
|
+
"variant": "h3",
|
|
5304
5302
|
"name": "customerName"
|
|
5305
5303
|
},
|
|
5306
5304
|
{
|
|
5307
|
-
"
|
|
5308
|
-
"
|
|
5305
|
+
"variant": "badge",
|
|
5306
|
+
"name": "status"
|
|
5309
5307
|
},
|
|
5310
5308
|
{
|
|
5311
|
-
"name": "orderTotal",
|
|
5312
5309
|
"label": "Total",
|
|
5313
5310
|
"variant": "h4",
|
|
5314
|
-
"format": "currency"
|
|
5311
|
+
"format": "currency",
|
|
5312
|
+
"name": "orderTotal"
|
|
5315
5313
|
},
|
|
5316
5314
|
{
|
|
5317
5315
|
"name": "email",
|
|
5318
5316
|
"variant": "caption"
|
|
5319
5317
|
},
|
|
5320
5318
|
{
|
|
5321
|
-
"name": "shippingAddress",
|
|
5322
5319
|
"label": "Address",
|
|
5320
|
+
"name": "shippingAddress",
|
|
5323
5321
|
"variant": "caption"
|
|
5324
5322
|
}
|
|
5325
5323
|
],
|
|
5326
|
-
"
|
|
5327
|
-
"
|
|
5324
|
+
"gap": "sm",
|
|
5325
|
+
"fields": []
|
|
5328
5326
|
}
|
|
5329
|
-
]
|
|
5327
|
+
],
|
|
5328
|
+
"gap": "lg",
|
|
5329
|
+
"type": "stack"
|
|
5330
5330
|
}
|
|
5331
5331
|
],
|
|
5332
5332
|
"navItems": [
|
|
5333
5333
|
{
|
|
5334
5334
|
"href": "/products",
|
|
5335
|
-
"
|
|
5336
|
-
"
|
|
5335
|
+
"icon": "package",
|
|
5336
|
+
"label": "Products"
|
|
5337
5337
|
},
|
|
5338
5338
|
{
|
|
5339
|
-
"
|
|
5339
|
+
"label": "Cart",
|
|
5340
5340
|
"icon": "shopping-cart",
|
|
5341
|
-
"
|
|
5341
|
+
"href": "/cart"
|
|
5342
5342
|
},
|
|
5343
5343
|
{
|
|
5344
|
-
"icon": "credit-card",
|
|
5345
5344
|
"label": "Checkout",
|
|
5346
|
-
"href": "/checkout"
|
|
5345
|
+
"href": "/checkout",
|
|
5346
|
+
"icon": "credit-card"
|
|
5347
5347
|
},
|
|
5348
5348
|
{
|
|
5349
|
-
"
|
|
5349
|
+
"label": "Orders",
|
|
5350
5350
|
"href": "/orders",
|
|
5351
|
-
"
|
|
5351
|
+
"icon": "clipboard-list"
|
|
5352
5352
|
}
|
|
5353
5353
|
]
|
|
5354
5354
|
}
|
|
@@ -5365,35 +5365,35 @@
|
|
|
5365
5365
|
"main",
|
|
5366
5366
|
{
|
|
5367
5367
|
"type": "stack",
|
|
5368
|
-
"
|
|
5369
|
-
"align": "center",
|
|
5368
|
+
"gap": "md",
|
|
5370
5369
|
"direction": "vertical",
|
|
5370
|
+
"align": "center",
|
|
5371
5371
|
"children": [
|
|
5372
5372
|
{
|
|
5373
5373
|
"type": "icon",
|
|
5374
|
-
"
|
|
5375
|
-
"
|
|
5374
|
+
"color": "destructive",
|
|
5375
|
+
"name": "alert-triangle"
|
|
5376
5376
|
},
|
|
5377
5377
|
{
|
|
5378
5378
|
"content": "Failed to load orderrecord",
|
|
5379
|
-
"
|
|
5380
|
-
"
|
|
5379
|
+
"type": "typography",
|
|
5380
|
+
"variant": "h3"
|
|
5381
5381
|
},
|
|
5382
5382
|
{
|
|
5383
5383
|
"variant": "body",
|
|
5384
|
+
"color": "muted",
|
|
5384
5385
|
"type": "typography",
|
|
5385
|
-
"content": "@payload.error"
|
|
5386
|
-
"color": "muted"
|
|
5386
|
+
"content": "@payload.error"
|
|
5387
5387
|
},
|
|
5388
5388
|
{
|
|
5389
|
-
"action": "INIT",
|
|
5390
|
-
"icon": "rotate-ccw",
|
|
5391
|
-
"type": "button",
|
|
5392
5389
|
"label": "Retry",
|
|
5393
|
-
"
|
|
5390
|
+
"type": "button",
|
|
5391
|
+
"action": "INIT",
|
|
5392
|
+
"variant": "primary",
|
|
5393
|
+
"icon": "rotate-ccw"
|
|
5394
5394
|
}
|
|
5395
5395
|
],
|
|
5396
|
-
"
|
|
5396
|
+
"className": "py-12"
|
|
5397
5397
|
}
|
|
5398
5398
|
]
|
|
5399
5399
|
]
|
|
@@ -5558,8 +5558,8 @@
|
|
|
5558
5558
|
"OrderRecord",
|
|
5559
5559
|
{
|
|
5560
5560
|
"emit": {
|
|
5561
|
-
"
|
|
5562
|
-
"
|
|
5561
|
+
"failure": "OrderRecordLoadFailed",
|
|
5562
|
+
"success": "OrderRecordLoaded"
|
|
5563
5563
|
}
|
|
5564
5564
|
}
|
|
5565
5565
|
]
|
|
@@ -5585,10 +5585,11 @@
|
|
|
5585
5585
|
"modal",
|
|
5586
5586
|
{
|
|
5587
5587
|
"direction": "vertical",
|
|
5588
|
+
"type": "stack",
|
|
5589
|
+
"gap": "md",
|
|
5588
5590
|
"children": [
|
|
5589
5591
|
{
|
|
5590
5592
|
"direction": "horizontal",
|
|
5591
|
-
"gap": "sm",
|
|
5592
5593
|
"children": [
|
|
5593
5594
|
{
|
|
5594
5595
|
"type": "icon",
|
|
@@ -5596,18 +5597,17 @@
|
|
|
5596
5597
|
},
|
|
5597
5598
|
{
|
|
5598
5599
|
"content": "Create OrderRecord",
|
|
5599
|
-
"
|
|
5600
|
-
"
|
|
5600
|
+
"type": "typography",
|
|
5601
|
+
"variant": "h3"
|
|
5601
5602
|
}
|
|
5602
5603
|
],
|
|
5604
|
+
"gap": "sm",
|
|
5603
5605
|
"type": "stack"
|
|
5604
5606
|
},
|
|
5605
5607
|
{
|
|
5606
5608
|
"type": "divider"
|
|
5607
5609
|
},
|
|
5608
5610
|
{
|
|
5609
|
-
"cancelEvent": "CLOSE",
|
|
5610
|
-
"type": "form-section",
|
|
5611
5611
|
"fields": [
|
|
5612
5612
|
"customerName",
|
|
5613
5613
|
"email",
|
|
@@ -5616,12 +5616,12 @@
|
|
|
5616
5616
|
"orderTotal",
|
|
5617
5617
|
"status"
|
|
5618
5618
|
],
|
|
5619
|
+
"submitEvent": "SAVE",
|
|
5619
5620
|
"mode": "create",
|
|
5620
|
-
"
|
|
5621
|
+
"type": "form-section",
|
|
5622
|
+
"cancelEvent": "CLOSE"
|
|
5621
5623
|
}
|
|
5622
|
-
]
|
|
5623
|
-
"type": "stack",
|
|
5624
|
-
"gap": "md"
|
|
5624
|
+
]
|
|
5625
5625
|
}
|
|
5626
5626
|
]
|
|
5627
5627
|
]
|
|
@@ -5662,8 +5662,8 @@
|
|
|
5662
5662
|
"@payload.data",
|
|
5663
5663
|
{
|
|
5664
5664
|
"emit": {
|
|
5665
|
-
"
|
|
5666
|
-
"
|
|
5665
|
+
"failure": "OrderRecordSaveFailed",
|
|
5666
|
+
"success": "OrderRecordSaved"
|
|
5667
5667
|
}
|
|
5668
5668
|
}
|
|
5669
5669
|
],
|
|
@@ -5871,43 +5871,42 @@
|
|
|
5871
5871
|
"fetch",
|
|
5872
5872
|
"OrderRecord",
|
|
5873
5873
|
{
|
|
5874
|
-
"id": "@payload.id",
|
|
5875
5874
|
"emit": {
|
|
5876
5875
|
"success": "OrderRecordLoaded",
|
|
5877
5876
|
"failure": "OrderRecordLoadFailed"
|
|
5878
|
-
}
|
|
5877
|
+
},
|
|
5878
|
+
"id": "@payload.id"
|
|
5879
5879
|
}
|
|
5880
5880
|
],
|
|
5881
5881
|
[
|
|
5882
5882
|
"render-ui",
|
|
5883
5883
|
"modal",
|
|
5884
5884
|
{
|
|
5885
|
-
"gap": "md",
|
|
5886
5885
|
"type": "stack",
|
|
5887
|
-
"direction": "vertical",
|
|
5888
5886
|
"children": [
|
|
5889
5887
|
{
|
|
5888
|
+
"gap": "sm",
|
|
5890
5889
|
"type": "stack",
|
|
5891
|
-
"direction": "horizontal",
|
|
5892
5890
|
"children": [
|
|
5893
5891
|
{
|
|
5894
5892
|
"type": "icon",
|
|
5895
5893
|
"name": "edit"
|
|
5896
5894
|
},
|
|
5897
5895
|
{
|
|
5896
|
+
"content": "Edit OrderRecord",
|
|
5898
5897
|
"type": "typography",
|
|
5899
|
-
"variant": "h3"
|
|
5900
|
-
"content": "Edit OrderRecord"
|
|
5898
|
+
"variant": "h3"
|
|
5901
5899
|
}
|
|
5902
5900
|
],
|
|
5903
|
-
"
|
|
5901
|
+
"direction": "horizontal"
|
|
5904
5902
|
},
|
|
5905
5903
|
{
|
|
5906
5904
|
"type": "divider"
|
|
5907
5905
|
},
|
|
5908
5906
|
{
|
|
5909
|
-
"entity": "@payload.row",
|
|
5910
5907
|
"cancelEvent": "CLOSE",
|
|
5908
|
+
"mode": "edit",
|
|
5909
|
+
"submitEvent": "SAVE",
|
|
5911
5910
|
"fields": [
|
|
5912
5911
|
"customerName",
|
|
5913
5912
|
"email",
|
|
@@ -5916,11 +5915,12 @@
|
|
|
5916
5915
|
"orderTotal",
|
|
5917
5916
|
"status"
|
|
5918
5917
|
],
|
|
5919
|
-
"
|
|
5920
|
-
"mode": "edit",
|
|
5918
|
+
"entity": "@payload.row",
|
|
5921
5919
|
"type": "form-section"
|
|
5922
5920
|
}
|
|
5923
|
-
]
|
|
5921
|
+
],
|
|
5922
|
+
"gap": "md",
|
|
5923
|
+
"direction": "vertical"
|
|
5924
5924
|
}
|
|
5925
5925
|
]
|
|
5926
5926
|
]
|
|
@@ -6089,8 +6089,8 @@
|
|
|
6089
6089
|
"OrderRecord",
|
|
6090
6090
|
{
|
|
6091
6091
|
"emit": {
|
|
6092
|
-
"
|
|
6093
|
-
"
|
|
6092
|
+
"success": "OrderRecordLoaded",
|
|
6093
|
+
"failure": "OrderRecordLoadFailed"
|
|
6094
6094
|
}
|
|
6095
6095
|
}
|
|
6096
6096
|
]
|
|
@@ -6116,72 +6116,70 @@
|
|
|
6116
6116
|
"render-ui",
|
|
6117
6117
|
"modal",
|
|
6118
6118
|
{
|
|
6119
|
+
"gap": "md",
|
|
6119
6120
|
"direction": "vertical",
|
|
6120
6121
|
"type": "stack",
|
|
6121
|
-
"gap": "md",
|
|
6122
6122
|
"children": [
|
|
6123
6123
|
{
|
|
6124
|
-
"
|
|
6124
|
+
"direction": "horizontal",
|
|
6125
|
+
"align": "center",
|
|
6125
6126
|
"children": [
|
|
6126
6127
|
{
|
|
6127
|
-
"
|
|
6128
|
-
"
|
|
6128
|
+
"type": "icon",
|
|
6129
|
+
"name": "eye"
|
|
6129
6130
|
},
|
|
6130
6131
|
{
|
|
6132
|
+
"content": "@entity.customerName",
|
|
6131
6133
|
"variant": "h3",
|
|
6132
|
-
"type": "typography"
|
|
6133
|
-
"content": "@entity.customerName"
|
|
6134
|
+
"type": "typography"
|
|
6134
6135
|
}
|
|
6135
6136
|
],
|
|
6136
6137
|
"type": "stack",
|
|
6137
|
-
"
|
|
6138
|
-
"direction": "horizontal"
|
|
6138
|
+
"gap": "sm"
|
|
6139
6139
|
},
|
|
6140
6140
|
{
|
|
6141
6141
|
"type": "divider"
|
|
6142
6142
|
},
|
|
6143
6143
|
{
|
|
6144
|
+
"direction": "horizontal",
|
|
6144
6145
|
"type": "stack",
|
|
6145
6146
|
"gap": "md",
|
|
6146
|
-
"direction": "horizontal",
|
|
6147
6147
|
"children": [
|
|
6148
6148
|
{
|
|
6149
|
-
"content": "Customer Name",
|
|
6150
6149
|
"variant": "caption",
|
|
6150
|
+
"content": "Customer Name",
|
|
6151
6151
|
"type": "typography"
|
|
6152
6152
|
},
|
|
6153
6153
|
{
|
|
6154
6154
|
"content": "@entity.customerName",
|
|
6155
|
-
"
|
|
6156
|
-
"
|
|
6155
|
+
"variant": "body",
|
|
6156
|
+
"type": "typography"
|
|
6157
6157
|
}
|
|
6158
6158
|
]
|
|
6159
6159
|
},
|
|
6160
6160
|
{
|
|
6161
6161
|
"type": "stack",
|
|
6162
6162
|
"direction": "horizontal",
|
|
6163
|
+
"gap": "md",
|
|
6163
6164
|
"children": [
|
|
6164
6165
|
{
|
|
6166
|
+
"type": "typography",
|
|
6165
6167
|
"variant": "caption",
|
|
6166
|
-
"content": "Email"
|
|
6167
|
-
"type": "typography"
|
|
6168
|
+
"content": "Email"
|
|
6168
6169
|
},
|
|
6169
6170
|
{
|
|
6170
|
-
"content": "@entity.email",
|
|
6171
6171
|
"type": "typography",
|
|
6172
|
-
"variant": "body"
|
|
6172
|
+
"variant": "body",
|
|
6173
|
+
"content": "@entity.email"
|
|
6173
6174
|
}
|
|
6174
|
-
]
|
|
6175
|
-
"gap": "md"
|
|
6175
|
+
]
|
|
6176
6176
|
},
|
|
6177
6177
|
{
|
|
6178
|
-
"direction": "horizontal",
|
|
6179
|
-
"gap": "md",
|
|
6180
6178
|
"children": [
|
|
6181
6179
|
{
|
|
6182
|
-
"
|
|
6180
|
+
"content": "Shipping Address",
|
|
6183
6181
|
"variant": "caption",
|
|
6184
|
-
"
|
|
6182
|
+
"type": "typography"
|
|
6185
6183
|
},
|
|
6186
6184
|
{
|
|
6187
6185
|
"type": "typography",
|
|
@@ -6189,23 +6187,25 @@
|
|
|
6189
6187
|
"content": "@entity.shippingAddress"
|
|
6190
6188
|
}
|
|
6191
6189
|
],
|
|
6192
|
-
"type": "stack"
|
|
6190
|
+
"type": "stack",
|
|
6191
|
+
"direction": "horizontal",
|
|
6192
|
+
"gap": "md"
|
|
6193
6193
|
},
|
|
6194
6194
|
{
|
|
6195
|
+
"direction": "horizontal",
|
|
6196
|
+
"type": "stack",
|
|
6195
6197
|
"children": [
|
|
6196
6198
|
{
|
|
6197
|
-
"type": "typography",
|
|
6198
6199
|
"variant": "caption",
|
|
6199
|
-
"content": "Payment Method"
|
|
6200
|
+
"content": "Payment Method",
|
|
6201
|
+
"type": "typography"
|
|
6200
6202
|
},
|
|
6201
6203
|
{
|
|
6202
|
-
"content": "@entity.paymentMethod",
|
|
6203
6204
|
"type": "typography",
|
|
6204
|
-
"variant": "body"
|
|
6205
|
+
"variant": "body",
|
|
6206
|
+
"content": "@entity.paymentMethod"
|
|
6205
6207
|
}
|
|
6206
6208
|
],
|
|
6207
|
-
"direction": "horizontal",
|
|
6208
|
-
"type": "stack",
|
|
6209
6209
|
"gap": "md"
|
|
6210
6210
|
},
|
|
6211
6211
|
{
|
|
@@ -6219,52 +6219,52 @@
|
|
|
6219
6219
|
"type": "typography"
|
|
6220
6220
|
},
|
|
6221
6221
|
{
|
|
6222
|
+
"variant": "body",
|
|
6222
6223
|
"content": "@entity.orderTotal",
|
|
6223
|
-
"type": "typography"
|
|
6224
|
-
"variant": "body"
|
|
6224
|
+
"type": "typography"
|
|
6225
6225
|
}
|
|
6226
6226
|
]
|
|
6227
6227
|
},
|
|
6228
6228
|
{
|
|
6229
|
-
"gap": "md",
|
|
6230
|
-
"direction": "horizontal",
|
|
6231
6229
|
"type": "stack",
|
|
6230
|
+
"direction": "horizontal",
|
|
6232
6231
|
"children": [
|
|
6233
6232
|
{
|
|
6234
|
-
"variant": "caption",
|
|
6235
6233
|
"content": "Status",
|
|
6234
|
+
"variant": "caption",
|
|
6236
6235
|
"type": "typography"
|
|
6237
6236
|
},
|
|
6238
6237
|
{
|
|
6239
|
-
"content": "@entity.status",
|
|
6240
6238
|
"variant": "body",
|
|
6241
|
-
"type": "typography"
|
|
6239
|
+
"type": "typography",
|
|
6240
|
+
"content": "@entity.status"
|
|
6242
6241
|
}
|
|
6243
|
-
]
|
|
6242
|
+
],
|
|
6243
|
+
"gap": "md"
|
|
6244
6244
|
},
|
|
6245
6245
|
{
|
|
6246
6246
|
"type": "divider"
|
|
6247
6247
|
},
|
|
6248
6248
|
{
|
|
6249
|
+
"type": "stack",
|
|
6249
6250
|
"gap": "sm",
|
|
6250
6251
|
"justify": "end",
|
|
6251
|
-
"direction": "horizontal",
|
|
6252
6252
|
"children": [
|
|
6253
6253
|
{
|
|
6254
6254
|
"type": "button",
|
|
6255
|
-
"action": "EDIT",
|
|
6256
6255
|
"label": "Edit",
|
|
6257
6256
|
"variant": "primary",
|
|
6257
|
+
"action": "EDIT",
|
|
6258
6258
|
"icon": "edit"
|
|
6259
6259
|
},
|
|
6260
6260
|
{
|
|
6261
|
-
"
|
|
6261
|
+
"variant": "ghost",
|
|
6262
6262
|
"type": "button",
|
|
6263
6263
|
"label": "Close",
|
|
6264
|
-
"
|
|
6264
|
+
"action": "CLOSE"
|
|
6265
6265
|
}
|
|
6266
6266
|
],
|
|
6267
|
-
"
|
|
6267
|
+
"direction": "horizontal"
|
|
6268
6268
|
}
|
|
6269
6269
|
]
|
|
6270
6270
|
}
|
|
@@ -6501,8 +6501,8 @@
|
|
|
6501
6501
|
{
|
|
6502
6502
|
"id": "@payload.id",
|
|
6503
6503
|
"emit": {
|
|
6504
|
-
"
|
|
6505
|
-
"
|
|
6504
|
+
"failure": "OrderRecordLoadFailed",
|
|
6505
|
+
"success": "OrderRecordLoaded"
|
|
6506
6506
|
}
|
|
6507
6507
|
}
|
|
6508
6508
|
],
|
|
@@ -6510,57 +6510,57 @@
|
|
|
6510
6510
|
"render-ui",
|
|
6511
6511
|
"modal",
|
|
6512
6512
|
{
|
|
6513
|
-
"direction": "vertical",
|
|
6514
|
-
"type": "stack",
|
|
6515
|
-
"gap": "md",
|
|
6516
6513
|
"children": [
|
|
6517
6514
|
{
|
|
6515
|
+
"gap": "sm",
|
|
6516
|
+
"type": "stack",
|
|
6518
6517
|
"children": [
|
|
6519
6518
|
{
|
|
6520
6519
|
"type": "icon",
|
|
6521
6520
|
"name": "alert-triangle"
|
|
6522
6521
|
},
|
|
6523
6522
|
{
|
|
6524
|
-
"content": "Delete OrderRecord",
|
|
6525
6523
|
"type": "typography",
|
|
6524
|
+
"content": "Delete OrderRecord",
|
|
6526
6525
|
"variant": "h3"
|
|
6527
6526
|
}
|
|
6528
6527
|
],
|
|
6529
|
-
"
|
|
6530
|
-
"
|
|
6531
|
-
"direction": "horizontal",
|
|
6532
|
-
"align": "center"
|
|
6528
|
+
"align": "center",
|
|
6529
|
+
"direction": "horizontal"
|
|
6533
6530
|
},
|
|
6534
6531
|
{
|
|
6535
6532
|
"type": "divider"
|
|
6536
6533
|
},
|
|
6537
6534
|
{
|
|
6535
|
+
"variant": "error",
|
|
6538
6536
|
"message": "This action cannot be undone.",
|
|
6539
|
-
"type": "alert"
|
|
6540
|
-
"variant": "error"
|
|
6537
|
+
"type": "alert"
|
|
6541
6538
|
},
|
|
6542
6539
|
{
|
|
6543
|
-
"gap": "sm",
|
|
6544
|
-
"justify": "end",
|
|
6545
|
-
"direction": "horizontal",
|
|
6546
6540
|
"type": "stack",
|
|
6541
|
+
"justify": "end",
|
|
6542
|
+
"gap": "sm",
|
|
6547
6543
|
"children": [
|
|
6548
6544
|
{
|
|
6549
|
-
"label": "Cancel",
|
|
6550
|
-
"type": "button",
|
|
6551
6545
|
"variant": "ghost",
|
|
6546
|
+
"type": "button",
|
|
6547
|
+
"label": "Cancel",
|
|
6552
6548
|
"action": "CANCEL"
|
|
6553
6549
|
},
|
|
6554
6550
|
{
|
|
6555
6551
|
"action": "CONFIRM_DELETE",
|
|
6552
|
+
"variant": "danger",
|
|
6556
6553
|
"type": "button",
|
|
6557
6554
|
"label": "Delete",
|
|
6558
|
-
"variant": "danger",
|
|
6559
6555
|
"icon": "check"
|
|
6560
6556
|
}
|
|
6561
|
-
]
|
|
6557
|
+
],
|
|
6558
|
+
"direction": "horizontal"
|
|
6562
6559
|
}
|
|
6563
|
-
]
|
|
6560
|
+
],
|
|
6561
|
+
"gap": "md",
|
|
6562
|
+
"type": "stack",
|
|
6563
|
+
"direction": "vertical"
|
|
6564
6564
|
}
|
|
6565
6565
|
]
|
|
6566
6566
|
]
|
|
@@ -6577,8 +6577,8 @@
|
|
|
6577
6577
|
"@entity.pendingId",
|
|
6578
6578
|
{
|
|
6579
6579
|
"emit": {
|
|
6580
|
-
"
|
|
6581
|
-
"
|
|
6580
|
+
"success": "OrderRecordDeleted",
|
|
6581
|
+
"failure": "OrderRecordDeleteFailed"
|
|
6582
6582
|
}
|
|
6583
6583
|
}
|
|
6584
6584
|
],
|
|
@@ -6661,8 +6661,8 @@
|
|
|
6661
6661
|
"OrderRecord",
|
|
6662
6662
|
{
|
|
6663
6663
|
"emit": {
|
|
6664
|
-
"
|
|
6665
|
-
"
|
|
6664
|
+
"success": "OrderRecordLoaded",
|
|
6665
|
+
"failure": "OrderRecordLoadFailed"
|
|
6666
6666
|
}
|
|
6667
6667
|
}
|
|
6668
6668
|
]
|