@almadar/std 14.3.0 → 14.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/behaviors/registry/app/organisms/std-api-gateway.orb +940 -807
- package/behaviors/registry/app/organisms/std-booking-system.orb +1281 -1148
- package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +954 -821
- package/behaviors/registry/app/organisms/std-crm.orb +950 -817
- package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1590 -1650
- package/behaviors/registry/app/organisms/std-ecommerce.orb +1145 -1012
- package/behaviors/registry/app/organisms/std-finance-tracker.orb +746 -613
- package/behaviors/registry/app/organisms/std-healthcare.orb +1655 -1522
- package/behaviors/registry/app/organisms/std-helpdesk.orb +865 -732
- package/behaviors/registry/app/organisms/std-hr-portal.orb +1364 -1231
- package/behaviors/registry/app/organisms/std-iot-dashboard.orb +1522 -1503
- package/behaviors/registry/app/organisms/std-lms.orb +1060 -926
- package/behaviors/registry/app/organisms/std-project-manager.orb +926 -792
- package/behaviors/registry/app/organisms/std-realtime-chat.orb +886 -753
- package/behaviors/registry/app/organisms/std-social-feed.orb +403 -268
- package/behaviors/registry/app/organisms/std-trading-dashboard.orb +1372 -1353
- package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +940 -807
- package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1281 -1148
- package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +954 -821
- package/dist/behaviors/registry/app/organisms/std-crm.orb +950 -817
- package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1590 -1650
- package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +1145 -1012
- package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +746 -613
- package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1655 -1522
- package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +865 -732
- package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1364 -1231
- package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +1522 -1503
- package/dist/behaviors/registry/app/organisms/std-lms.orb +1060 -926
- package/dist/behaviors/registry/app/organisms/std-project-manager.orb +926 -792
- package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +886 -753
- package/dist/behaviors/registry/app/organisms/std-social-feed.orb +403 -268
- package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +1372 -1353
- package/package.json +1 -1
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
"orbitals": [
|
|
6
6
|
{
|
|
7
7
|
"name": "ProductOrbital",
|
|
8
|
+
"uses": [
|
|
9
|
+
{
|
|
10
|
+
"from": "std/behaviors/std-app-layout",
|
|
11
|
+
"as": "AppShell"
|
|
12
|
+
}
|
|
13
|
+
],
|
|
8
14
|
"entity": {
|
|
9
15
|
"name": "Product",
|
|
10
16
|
"collection": "products",
|
|
@@ -50,6 +56,43 @@
|
|
|
50
56
|
]
|
|
51
57
|
},
|
|
52
58
|
"traits": [
|
|
59
|
+
{
|
|
60
|
+
"ref": "AppShell.traits.AppLayout",
|
|
61
|
+
"name": "ProductAppLayout",
|
|
62
|
+
"config": {
|
|
63
|
+
"appName": "EcommerceApp",
|
|
64
|
+
"navItems": [
|
|
65
|
+
{
|
|
66
|
+
"icon": "package",
|
|
67
|
+
"label": "Products",
|
|
68
|
+
"href": "/products"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"href": "/cart",
|
|
72
|
+
"icon": "shopping-cart",
|
|
73
|
+
"label": "Cart"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"label": "Checkout",
|
|
77
|
+
"href": "/checkout",
|
|
78
|
+
"icon": "credit-card"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"label": "Orders",
|
|
82
|
+
"href": "/orders",
|
|
83
|
+
"icon": "clipboard-list"
|
|
84
|
+
}
|
|
85
|
+
],
|
|
86
|
+
"contentTrait": "@trait.ProductBrowse",
|
|
87
|
+
"searchEvent": "PRODUCT_SEARCH",
|
|
88
|
+
"notifications": [],
|
|
89
|
+
"notificationClickEvent": "PRODUCT_NOTIFICATIONS_OPEN"
|
|
90
|
+
},
|
|
91
|
+
"events": {
|
|
92
|
+
"SEARCH": "PRODUCT_SEARCH",
|
|
93
|
+
"NOTIFY_CLICK": "PRODUCT_NOTIFICATIONS_OPEN"
|
|
94
|
+
}
|
|
95
|
+
},
|
|
53
96
|
{
|
|
54
97
|
"name": "ProductBrowse",
|
|
55
98
|
"category": "interaction",
|
|
@@ -470,6 +513,22 @@
|
|
|
470
513
|
"kind": "trait",
|
|
471
514
|
"trait": "ProductDelete"
|
|
472
515
|
}
|
|
516
|
+
},
|
|
517
|
+
{
|
|
518
|
+
"event": "PRODUCT_SEARCH",
|
|
519
|
+
"triggers": "PRODUCT_SEARCH",
|
|
520
|
+
"source": {
|
|
521
|
+
"kind": "trait",
|
|
522
|
+
"trait": "ProductAppLayout"
|
|
523
|
+
}
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"event": "PRODUCT_NOTIFICATIONS_OPEN",
|
|
527
|
+
"triggers": "PRODUCT_NOTIFICATIONS_OPEN",
|
|
528
|
+
"source": {
|
|
529
|
+
"kind": "trait",
|
|
530
|
+
"trait": "ProductAppLayout"
|
|
531
|
+
}
|
|
473
532
|
}
|
|
474
533
|
],
|
|
475
534
|
"stateMachine": {
|
|
@@ -484,6 +543,26 @@
|
|
|
484
543
|
"key": "INIT",
|
|
485
544
|
"name": "Initialize"
|
|
486
545
|
},
|
|
546
|
+
{
|
|
547
|
+
"key": "PRODUCT_SEARCH",
|
|
548
|
+
"name": "Product Search",
|
|
549
|
+
"payloadSchema": [
|
|
550
|
+
{
|
|
551
|
+
"name": "value",
|
|
552
|
+
"type": "string"
|
|
553
|
+
}
|
|
554
|
+
]
|
|
555
|
+
},
|
|
556
|
+
{
|
|
557
|
+
"key": "PRODUCT_NOTIFICATIONS_OPEN",
|
|
558
|
+
"name": "Product Notifications Open",
|
|
559
|
+
"payloadSchema": [
|
|
560
|
+
{
|
|
561
|
+
"name": "id",
|
|
562
|
+
"type": "string"
|
|
563
|
+
}
|
|
564
|
+
]
|
|
565
|
+
},
|
|
487
566
|
{
|
|
488
567
|
"key": "ProductLoaded",
|
|
489
568
|
"name": "Product loaded",
|
|
@@ -789,8 +868,8 @@
|
|
|
789
868
|
"Product",
|
|
790
869
|
{
|
|
791
870
|
"emit": {
|
|
792
|
-
"
|
|
793
|
-
"
|
|
871
|
+
"failure": "ProductLoadFailed",
|
|
872
|
+
"success": "ProductLoaded"
|
|
794
873
|
}
|
|
795
874
|
}
|
|
796
875
|
],
|
|
@@ -799,21 +878,60 @@
|
|
|
799
878
|
"main",
|
|
800
879
|
{
|
|
801
880
|
"type": "stack",
|
|
802
|
-
"className": "py-12",
|
|
803
881
|
"direction": "vertical",
|
|
882
|
+
"gap": "md",
|
|
883
|
+
"align": "center",
|
|
884
|
+
"className": "py-12",
|
|
804
885
|
"children": [
|
|
805
886
|
{
|
|
806
887
|
"type": "spinner"
|
|
807
888
|
},
|
|
808
889
|
{
|
|
890
|
+
"type": "typography",
|
|
891
|
+
"variant": "caption",
|
|
809
892
|
"content": "Loading…",
|
|
893
|
+
"color": "muted"
|
|
894
|
+
}
|
|
895
|
+
]
|
|
896
|
+
}
|
|
897
|
+
]
|
|
898
|
+
]
|
|
899
|
+
},
|
|
900
|
+
{
|
|
901
|
+
"from": "browsing",
|
|
902
|
+
"to": "browsing",
|
|
903
|
+
"event": "PRODUCT_SEARCH",
|
|
904
|
+
"effects": [
|
|
905
|
+
[
|
|
906
|
+
"fetch",
|
|
907
|
+
"Product",
|
|
908
|
+
{
|
|
909
|
+
"emit": {
|
|
910
|
+
"success": "ProductLoaded",
|
|
911
|
+
"failure": "ProductLoadFailed"
|
|
912
|
+
}
|
|
913
|
+
}
|
|
914
|
+
],
|
|
915
|
+
[
|
|
916
|
+
"render-ui",
|
|
917
|
+
"main",
|
|
918
|
+
{
|
|
919
|
+
"type": "stack",
|
|
920
|
+
"children": [
|
|
921
|
+
{
|
|
922
|
+
"type": "spinner"
|
|
923
|
+
},
|
|
924
|
+
{
|
|
925
|
+
"variant": "caption",
|
|
926
|
+
"content": "Searching…",
|
|
810
927
|
"color": "muted",
|
|
811
|
-
"type": "typography"
|
|
812
|
-
"variant": "caption"
|
|
928
|
+
"type": "typography"
|
|
813
929
|
}
|
|
814
930
|
],
|
|
815
|
-
"
|
|
816
|
-
"
|
|
931
|
+
"gap": "md",
|
|
932
|
+
"className": "py-12",
|
|
933
|
+
"direction": "vertical",
|
|
934
|
+
"align": "center"
|
|
817
935
|
}
|
|
818
936
|
]
|
|
819
937
|
]
|
|
@@ -821,138 +939,150 @@
|
|
|
821
939
|
{
|
|
822
940
|
"from": "browsing",
|
|
823
941
|
"to": "browsing",
|
|
824
|
-
"event": "
|
|
942
|
+
"event": "PRODUCT_NOTIFICATIONS_OPEN",
|
|
825
943
|
"effects": [
|
|
826
944
|
[
|
|
827
945
|
"render-ui",
|
|
828
946
|
"main",
|
|
829
947
|
{
|
|
830
|
-
"
|
|
831
|
-
"
|
|
948
|
+
"className": "py-8",
|
|
949
|
+
"direction": "vertical",
|
|
950
|
+
"gap": "md",
|
|
951
|
+
"align": "center",
|
|
952
|
+
"children": [
|
|
832
953
|
{
|
|
833
|
-
"
|
|
834
|
-
"
|
|
835
|
-
"label": "Products"
|
|
954
|
+
"type": "icon",
|
|
955
|
+
"name": "bell"
|
|
836
956
|
},
|
|
837
957
|
{
|
|
838
|
-
"
|
|
839
|
-
"
|
|
840
|
-
"
|
|
958
|
+
"content": "No notifications",
|
|
959
|
+
"variant": "h3",
|
|
960
|
+
"type": "typography"
|
|
841
961
|
},
|
|
842
962
|
{
|
|
843
|
-
"
|
|
844
|
-
"
|
|
845
|
-
"
|
|
963
|
+
"variant": "caption",
|
|
964
|
+
"content": "You're all caught up.",
|
|
965
|
+
"type": "typography",
|
|
966
|
+
"color": "muted"
|
|
846
967
|
},
|
|
847
968
|
{
|
|
848
|
-
"
|
|
849
|
-
"
|
|
850
|
-
"
|
|
969
|
+
"variant": "ghost",
|
|
970
|
+
"label": "Back to products",
|
|
971
|
+
"action": "INIT",
|
|
972
|
+
"type": "button"
|
|
851
973
|
}
|
|
852
974
|
],
|
|
853
|
-
"
|
|
975
|
+
"type": "stack"
|
|
976
|
+
}
|
|
977
|
+
]
|
|
978
|
+
]
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"from": "browsing",
|
|
982
|
+
"to": "browsing",
|
|
983
|
+
"event": "ProductLoaded",
|
|
984
|
+
"effects": [
|
|
985
|
+
[
|
|
986
|
+
"render-ui",
|
|
987
|
+
"main",
|
|
988
|
+
{
|
|
989
|
+
"gap": "lg",
|
|
990
|
+
"type": "stack",
|
|
854
991
|
"children": [
|
|
855
992
|
{
|
|
856
|
-
"direction": "vertical",
|
|
857
|
-
"gap": "lg",
|
|
858
|
-
"className": "max-w-5xl mx-auto w-full",
|
|
859
993
|
"children": [
|
|
860
994
|
{
|
|
995
|
+
"align": "center",
|
|
996
|
+
"gap": "sm",
|
|
997
|
+
"type": "stack",
|
|
861
998
|
"children": [
|
|
862
999
|
{
|
|
863
|
-
"type": "
|
|
864
|
-
"
|
|
865
|
-
"align": "center",
|
|
866
|
-
"children": [
|
|
867
|
-
{
|
|
868
|
-
"name": "package",
|
|
869
|
-
"type": "icon"
|
|
870
|
-
},
|
|
871
|
-
{
|
|
872
|
-
"type": "typography",
|
|
873
|
-
"content": "Products",
|
|
874
|
-
"variant": "h2"
|
|
875
|
-
}
|
|
876
|
-
],
|
|
877
|
-
"direction": "horizontal"
|
|
1000
|
+
"type": "icon",
|
|
1001
|
+
"name": "package"
|
|
878
1002
|
},
|
|
879
1003
|
{
|
|
880
|
-
"
|
|
881
|
-
"type": "
|
|
882
|
-
"
|
|
883
|
-
{
|
|
884
|
-
"label": "Create Product",
|
|
885
|
-
"action": "CREATE",
|
|
886
|
-
"variant": "primary",
|
|
887
|
-
"icon": "plus",
|
|
888
|
-
"type": "button"
|
|
889
|
-
}
|
|
890
|
-
],
|
|
891
|
-
"direction": "horizontal"
|
|
1004
|
+
"content": "Products",
|
|
1005
|
+
"type": "typography",
|
|
1006
|
+
"variant": "h2"
|
|
892
1007
|
}
|
|
893
1008
|
],
|
|
894
|
-
"
|
|
895
|
-
|
|
1009
|
+
"direction": "horizontal"
|
|
1010
|
+
},
|
|
1011
|
+
{
|
|
896
1012
|
"type": "stack",
|
|
897
1013
|
"direction": "horizontal",
|
|
898
|
-
"
|
|
1014
|
+
"children": [
|
|
1015
|
+
{
|
|
1016
|
+
"variant": "primary",
|
|
1017
|
+
"label": "Create Product",
|
|
1018
|
+
"action": "CREATE",
|
|
1019
|
+
"type": "button",
|
|
1020
|
+
"icon": "plus"
|
|
1021
|
+
}
|
|
1022
|
+
],
|
|
1023
|
+
"gap": "sm"
|
|
1024
|
+
}
|
|
1025
|
+
],
|
|
1026
|
+
"type": "stack",
|
|
1027
|
+
"direction": "horizontal",
|
|
1028
|
+
"gap": "md",
|
|
1029
|
+
"align": "center",
|
|
1030
|
+
"justify": "between"
|
|
1031
|
+
},
|
|
1032
|
+
{
|
|
1033
|
+
"type": "divider"
|
|
1034
|
+
},
|
|
1035
|
+
{
|
|
1036
|
+
"gap": "md",
|
|
1037
|
+
"type": "data-grid",
|
|
1038
|
+
"fields": [
|
|
1039
|
+
{
|
|
1040
|
+
"name": "name",
|
|
1041
|
+
"icon": "package",
|
|
1042
|
+
"variant": "h3"
|
|
899
1043
|
},
|
|
900
1044
|
{
|
|
901
|
-
"
|
|
1045
|
+
"variant": "badge",
|
|
1046
|
+
"name": "category"
|
|
902
1047
|
},
|
|
903
1048
|
{
|
|
904
|
-
"
|
|
905
|
-
"
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
"event": "DELETE",
|
|
918
|
-
"label": "Delete",
|
|
919
|
-
"variant": "danger"
|
|
920
|
-
}
|
|
921
|
-
],
|
|
922
|
-
"type": "data-grid",
|
|
923
|
-
"entity": "@payload.data",
|
|
924
|
-
"cols": 3.0,
|
|
925
|
-
"fields": [
|
|
926
|
-
{
|
|
927
|
-
"variant": "h3",
|
|
928
|
-
"name": "name",
|
|
929
|
-
"icon": "package"
|
|
930
|
-
},
|
|
931
|
-
{
|
|
932
|
-
"variant": "badge",
|
|
933
|
-
"name": "category"
|
|
934
|
-
},
|
|
935
|
-
{
|
|
936
|
-
"variant": "h4",
|
|
937
|
-
"format": "currency",
|
|
938
|
-
"name": "price"
|
|
939
|
-
},
|
|
940
|
-
{
|
|
941
|
-
"variant": "caption",
|
|
942
|
-
"name": "sku"
|
|
943
|
-
},
|
|
944
|
-
{
|
|
945
|
-
"format": "boolean",
|
|
946
|
-
"variant": "body",
|
|
947
|
-
"label": "In Stock",
|
|
948
|
-
"name": "inStock"
|
|
949
|
-
}
|
|
950
|
-
]
|
|
1049
|
+
"variant": "h4",
|
|
1050
|
+
"format": "currency",
|
|
1051
|
+
"name": "price"
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"name": "sku",
|
|
1055
|
+
"variant": "caption"
|
|
1056
|
+
},
|
|
1057
|
+
{
|
|
1058
|
+
"format": "boolean",
|
|
1059
|
+
"name": "inStock",
|
|
1060
|
+
"variant": "body",
|
|
1061
|
+
"label": "In Stock"
|
|
951
1062
|
}
|
|
952
1063
|
],
|
|
953
|
-
"
|
|
1064
|
+
"entity": "@payload.data",
|
|
1065
|
+
"itemActions": [
|
|
1066
|
+
{
|
|
1067
|
+
"event": "VIEW",
|
|
1068
|
+
"variant": "ghost",
|
|
1069
|
+
"label": "View"
|
|
1070
|
+
},
|
|
1071
|
+
{
|
|
1072
|
+
"label": "Edit",
|
|
1073
|
+
"event": "EDIT",
|
|
1074
|
+
"variant": "ghost"
|
|
1075
|
+
},
|
|
1076
|
+
{
|
|
1077
|
+
"event": "DELETE",
|
|
1078
|
+
"label": "Delete",
|
|
1079
|
+
"variant": "danger"
|
|
1080
|
+
}
|
|
1081
|
+
],
|
|
1082
|
+
"cols": 3.0
|
|
954
1083
|
}
|
|
955
|
-
]
|
|
1084
|
+
],
|
|
1085
|
+
"direction": "vertical"
|
|
956
1086
|
}
|
|
957
1087
|
]
|
|
958
1088
|
]
|
|
@@ -966,6 +1096,8 @@
|
|
|
966
1096
|
"render-ui",
|
|
967
1097
|
"main",
|
|
968
1098
|
{
|
|
1099
|
+
"gap": "md",
|
|
1100
|
+
"type": "stack",
|
|
969
1101
|
"align": "center",
|
|
970
1102
|
"children": [
|
|
971
1103
|
{
|
|
@@ -974,28 +1106,26 @@
|
|
|
974
1106
|
"name": "alert-triangle"
|
|
975
1107
|
},
|
|
976
1108
|
{
|
|
977
|
-
"type": "typography",
|
|
978
1109
|
"variant": "h3",
|
|
979
|
-
"content": "Failed to load product"
|
|
1110
|
+
"content": "Failed to load product",
|
|
1111
|
+
"type": "typography"
|
|
980
1112
|
},
|
|
981
1113
|
{
|
|
982
|
-
"color": "muted",
|
|
983
1114
|
"content": "@payload.error",
|
|
984
1115
|
"type": "typography",
|
|
985
|
-
"variant": "body"
|
|
1116
|
+
"variant": "body",
|
|
1117
|
+
"color": "muted"
|
|
986
1118
|
},
|
|
987
1119
|
{
|
|
988
|
-
"
|
|
1120
|
+
"label": "Retry",
|
|
989
1121
|
"action": "INIT",
|
|
990
1122
|
"type": "button",
|
|
991
|
-
"
|
|
992
|
-
"
|
|
1123
|
+
"icon": "rotate-ccw",
|
|
1124
|
+
"variant": "primary"
|
|
993
1125
|
}
|
|
994
1126
|
],
|
|
995
1127
|
"className": "py-12",
|
|
996
|
-
"
|
|
997
|
-
"direction": "vertical",
|
|
998
|
-
"gap": "md"
|
|
1128
|
+
"direction": "vertical"
|
|
999
1129
|
}
|
|
1000
1130
|
]
|
|
1001
1131
|
]
|
|
@@ -1178,8 +1308,8 @@
|
|
|
1178
1308
|
"Product",
|
|
1179
1309
|
{
|
|
1180
1310
|
"emit": {
|
|
1181
|
-
"
|
|
1182
|
-
"
|
|
1311
|
+
"failure": "ProductLoadFailed",
|
|
1312
|
+
"success": "ProductLoaded"
|
|
1183
1313
|
}
|
|
1184
1314
|
}
|
|
1185
1315
|
]
|
|
@@ -1195,8 +1325,8 @@
|
|
|
1195
1325
|
"Product",
|
|
1196
1326
|
{
|
|
1197
1327
|
"emit": {
|
|
1198
|
-
"
|
|
1199
|
-
"
|
|
1328
|
+
"success": "ProductLoaded",
|
|
1329
|
+
"failure": "ProductLoadFailed"
|
|
1200
1330
|
}
|
|
1201
1331
|
}
|
|
1202
1332
|
],
|
|
@@ -1206,32 +1336,29 @@
|
|
|
1206
1336
|
{
|
|
1207
1337
|
"type": "stack",
|
|
1208
1338
|
"direction": "vertical",
|
|
1209
|
-
"gap": "md",
|
|
1210
1339
|
"children": [
|
|
1211
1340
|
{
|
|
1212
1341
|
"direction": "horizontal",
|
|
1213
|
-
"gap": "sm",
|
|
1214
|
-
"type": "stack",
|
|
1215
1342
|
"children": [
|
|
1216
1343
|
{
|
|
1217
|
-
"
|
|
1218
|
-
"
|
|
1344
|
+
"type": "icon",
|
|
1345
|
+
"name": "plus-circle"
|
|
1219
1346
|
},
|
|
1220
1347
|
{
|
|
1348
|
+
"type": "typography",
|
|
1221
1349
|
"content": "Create Product",
|
|
1222
|
-
"variant": "h3"
|
|
1223
|
-
"type": "typography"
|
|
1350
|
+
"variant": "h3"
|
|
1224
1351
|
}
|
|
1225
|
-
]
|
|
1352
|
+
],
|
|
1353
|
+
"gap": "sm",
|
|
1354
|
+
"type": "stack"
|
|
1226
1355
|
},
|
|
1227
1356
|
{
|
|
1228
1357
|
"type": "divider"
|
|
1229
1358
|
},
|
|
1230
1359
|
{
|
|
1231
|
-
"cancelEvent": "CLOSE",
|
|
1232
1360
|
"type": "form-section",
|
|
1233
1361
|
"submitEvent": "SAVE",
|
|
1234
|
-
"mode": "create",
|
|
1235
1362
|
"fields": [
|
|
1236
1363
|
"name",
|
|
1237
1364
|
"description",
|
|
@@ -1239,9 +1366,12 @@
|
|
|
1239
1366
|
"category",
|
|
1240
1367
|
"sku",
|
|
1241
1368
|
"inStock"
|
|
1242
|
-
]
|
|
1369
|
+
],
|
|
1370
|
+
"mode": "create",
|
|
1371
|
+
"cancelEvent": "CLOSE"
|
|
1243
1372
|
}
|
|
1244
|
-
]
|
|
1373
|
+
],
|
|
1374
|
+
"gap": "md"
|
|
1245
1375
|
}
|
|
1246
1376
|
]
|
|
1247
1377
|
]
|
|
@@ -1518,45 +1648,43 @@
|
|
|
1518
1648
|
"fetch",
|
|
1519
1649
|
"Product",
|
|
1520
1650
|
{
|
|
1521
|
-
"id": "@payload.id",
|
|
1522
1651
|
"emit": {
|
|
1523
1652
|
"failure": "ProductLoadFailed",
|
|
1524
1653
|
"success": "ProductLoaded"
|
|
1525
|
-
}
|
|
1654
|
+
},
|
|
1655
|
+
"id": "@payload.id"
|
|
1526
1656
|
}
|
|
1527
1657
|
],
|
|
1528
1658
|
[
|
|
1529
1659
|
"render-ui",
|
|
1530
1660
|
"modal",
|
|
1531
1661
|
{
|
|
1532
|
-
"
|
|
1533
|
-
"direction": "vertical",
|
|
1662
|
+
"gap": "md",
|
|
1534
1663
|
"children": [
|
|
1535
1664
|
{
|
|
1665
|
+
"type": "stack",
|
|
1536
1666
|
"children": [
|
|
1537
1667
|
{
|
|
1538
1668
|
"type": "icon",
|
|
1539
1669
|
"name": "edit"
|
|
1540
1670
|
},
|
|
1541
1671
|
{
|
|
1542
|
-
"
|
|
1672
|
+
"content": "Edit Product",
|
|
1543
1673
|
"type": "typography",
|
|
1544
|
-
"
|
|
1674
|
+
"variant": "h3"
|
|
1545
1675
|
}
|
|
1546
1676
|
],
|
|
1547
|
-
"direction": "horizontal",
|
|
1548
1677
|
"gap": "sm",
|
|
1549
|
-
"
|
|
1678
|
+
"direction": "horizontal"
|
|
1550
1679
|
},
|
|
1551
1680
|
{
|
|
1552
1681
|
"type": "divider"
|
|
1553
1682
|
},
|
|
1554
1683
|
{
|
|
1555
|
-
"
|
|
1556
|
-
"mode": "edit",
|
|
1684
|
+
"submitEvent": "SAVE",
|
|
1557
1685
|
"type": "form-section",
|
|
1686
|
+
"cancelEvent": "CLOSE",
|
|
1558
1687
|
"entity": "@payload.row",
|
|
1559
|
-
"submitEvent": "SAVE",
|
|
1560
1688
|
"fields": [
|
|
1561
1689
|
"name",
|
|
1562
1690
|
"description",
|
|
@@ -1564,10 +1692,12 @@
|
|
|
1564
1692
|
"category",
|
|
1565
1693
|
"sku",
|
|
1566
1694
|
"inStock"
|
|
1567
|
-
]
|
|
1695
|
+
],
|
|
1696
|
+
"mode": "edit"
|
|
1568
1697
|
}
|
|
1569
1698
|
],
|
|
1570
|
-
"
|
|
1699
|
+
"type": "stack",
|
|
1700
|
+
"direction": "vertical"
|
|
1571
1701
|
}
|
|
1572
1702
|
]
|
|
1573
1703
|
]
|
|
@@ -1797,8 +1927,8 @@
|
|
|
1797
1927
|
"Product",
|
|
1798
1928
|
{
|
|
1799
1929
|
"emit": {
|
|
1800
|
-
"
|
|
1801
|
-
"
|
|
1930
|
+
"success": "ProductLoaded",
|
|
1931
|
+
"failure": "ProductLoadFailed"
|
|
1802
1932
|
}
|
|
1803
1933
|
}
|
|
1804
1934
|
]
|
|
@@ -1813,112 +1943,108 @@
|
|
|
1813
1943
|
"fetch",
|
|
1814
1944
|
"Product",
|
|
1815
1945
|
{
|
|
1816
|
-
"id": "@payload.id",
|
|
1817
1946
|
"emit": {
|
|
1818
|
-
"
|
|
1819
|
-
"
|
|
1820
|
-
}
|
|
1947
|
+
"success": "ProductLoaded",
|
|
1948
|
+
"failure": "ProductLoadFailed"
|
|
1949
|
+
},
|
|
1950
|
+
"id": "@payload.id"
|
|
1821
1951
|
}
|
|
1822
1952
|
],
|
|
1823
1953
|
[
|
|
1824
1954
|
"render-ui",
|
|
1825
1955
|
"modal",
|
|
1826
1956
|
{
|
|
1827
|
-
"type": "stack",
|
|
1828
|
-
"gap": "md",
|
|
1829
1957
|
"children": [
|
|
1830
1958
|
{
|
|
1959
|
+
"type": "stack",
|
|
1960
|
+
"direction": "horizontal",
|
|
1961
|
+
"align": "center",
|
|
1831
1962
|
"children": [
|
|
1832
1963
|
{
|
|
1833
|
-
"
|
|
1834
|
-
"
|
|
1964
|
+
"type": "icon",
|
|
1965
|
+
"name": "eye"
|
|
1835
1966
|
},
|
|
1836
1967
|
{
|
|
1968
|
+
"type": "typography",
|
|
1837
1969
|
"content": "@entity.name",
|
|
1838
|
-
"variant": "h3"
|
|
1839
|
-
"type": "typography"
|
|
1970
|
+
"variant": "h3"
|
|
1840
1971
|
}
|
|
1841
1972
|
],
|
|
1842
|
-
"
|
|
1843
|
-
"gap": "sm",
|
|
1844
|
-
"align": "center",
|
|
1845
|
-
"direction": "horizontal"
|
|
1973
|
+
"gap": "sm"
|
|
1846
1974
|
},
|
|
1847
1975
|
{
|
|
1848
1976
|
"type": "divider"
|
|
1849
1977
|
},
|
|
1850
1978
|
{
|
|
1851
|
-
"type": "stack",
|
|
1852
1979
|
"children": [
|
|
1853
1980
|
{
|
|
1854
|
-
"
|
|
1981
|
+
"type": "typography",
|
|
1855
1982
|
"content": "Name",
|
|
1856
|
-
"
|
|
1983
|
+
"variant": "caption"
|
|
1857
1984
|
},
|
|
1858
1985
|
{
|
|
1986
|
+
"variant": "body",
|
|
1859
1987
|
"content": "@entity.name",
|
|
1860
|
-
"type": "typography"
|
|
1861
|
-
"variant": "body"
|
|
1988
|
+
"type": "typography"
|
|
1862
1989
|
}
|
|
1863
1990
|
],
|
|
1864
1991
|
"direction": "horizontal",
|
|
1992
|
+
"type": "stack",
|
|
1865
1993
|
"gap": "md"
|
|
1866
1994
|
},
|
|
1867
1995
|
{
|
|
1868
|
-
"direction": "horizontal",
|
|
1869
|
-
"gap": "md",
|
|
1870
1996
|
"type": "stack",
|
|
1997
|
+
"gap": "md",
|
|
1871
1998
|
"children": [
|
|
1872
1999
|
{
|
|
1873
|
-
"variant": "caption",
|
|
1874
2000
|
"type": "typography",
|
|
2001
|
+
"variant": "caption",
|
|
1875
2002
|
"content": "Description"
|
|
1876
2003
|
},
|
|
1877
2004
|
{
|
|
1878
|
-
"
|
|
2005
|
+
"content": "@entity.description",
|
|
1879
2006
|
"variant": "body",
|
|
1880
|
-
"
|
|
2007
|
+
"type": "typography"
|
|
1881
2008
|
}
|
|
1882
|
-
]
|
|
2009
|
+
],
|
|
2010
|
+
"direction": "horizontal"
|
|
1883
2011
|
},
|
|
1884
2012
|
{
|
|
1885
2013
|
"direction": "horizontal",
|
|
1886
|
-
"type": "stack",
|
|
1887
|
-
"gap": "md",
|
|
1888
2014
|
"children": [
|
|
1889
2015
|
{
|
|
1890
2016
|
"variant": "caption",
|
|
1891
|
-
"
|
|
1892
|
-
"
|
|
2017
|
+
"content": "Price",
|
|
2018
|
+
"type": "typography"
|
|
1893
2019
|
},
|
|
1894
2020
|
{
|
|
1895
|
-
"type": "typography",
|
|
1896
2021
|
"variant": "body",
|
|
1897
|
-
"content": "@entity.price"
|
|
2022
|
+
"content": "@entity.price",
|
|
2023
|
+
"type": "typography"
|
|
1898
2024
|
}
|
|
1899
|
-
]
|
|
2025
|
+
],
|
|
2026
|
+
"type": "stack",
|
|
2027
|
+
"gap": "md"
|
|
1900
2028
|
},
|
|
1901
2029
|
{
|
|
2030
|
+
"direction": "horizontal",
|
|
2031
|
+
"gap": "md",
|
|
1902
2032
|
"children": [
|
|
1903
2033
|
{
|
|
1904
|
-
"type": "typography",
|
|
1905
2034
|
"content": "Category",
|
|
2035
|
+
"type": "typography",
|
|
1906
2036
|
"variant": "caption"
|
|
1907
2037
|
},
|
|
1908
2038
|
{
|
|
2039
|
+
"type": "typography",
|
|
1909
2040
|
"variant": "body",
|
|
1910
|
-
"content": "@entity.category"
|
|
1911
|
-
"type": "typography"
|
|
2041
|
+
"content": "@entity.category"
|
|
1912
2042
|
}
|
|
1913
2043
|
],
|
|
1914
|
-
"direction": "horizontal",
|
|
1915
|
-
"gap": "md",
|
|
1916
2044
|
"type": "stack"
|
|
1917
2045
|
},
|
|
1918
2046
|
{
|
|
1919
|
-
"direction": "horizontal",
|
|
1920
2047
|
"type": "stack",
|
|
1921
|
-
"gap": "md",
|
|
1922
2048
|
"children": [
|
|
1923
2049
|
{
|
|
1924
2050
|
"type": "typography",
|
|
@@ -1926,55 +2052,59 @@
|
|
|
1926
2052
|
"variant": "caption"
|
|
1927
2053
|
},
|
|
1928
2054
|
{
|
|
1929
|
-
"type": "typography",
|
|
1930
2055
|
"variant": "body",
|
|
2056
|
+
"type": "typography",
|
|
1931
2057
|
"content": "@entity.sku"
|
|
1932
2058
|
}
|
|
1933
|
-
]
|
|
2059
|
+
],
|
|
2060
|
+
"direction": "horizontal",
|
|
2061
|
+
"gap": "md"
|
|
1934
2062
|
},
|
|
1935
2063
|
{
|
|
1936
|
-
"direction": "horizontal",
|
|
1937
2064
|
"children": [
|
|
1938
2065
|
{
|
|
1939
2066
|
"variant": "caption",
|
|
1940
|
-
"
|
|
1941
|
-
"
|
|
2067
|
+
"type": "typography",
|
|
2068
|
+
"content": "In Stock"
|
|
1942
2069
|
},
|
|
1943
2070
|
{
|
|
1944
|
-
"content": "@entity.inStock",
|
|
1945
2071
|
"variant": "body",
|
|
2072
|
+
"content": "@entity.inStock",
|
|
1946
2073
|
"type": "typography"
|
|
1947
2074
|
}
|
|
1948
2075
|
],
|
|
1949
2076
|
"type": "stack",
|
|
2077
|
+
"direction": "horizontal",
|
|
1950
2078
|
"gap": "md"
|
|
1951
2079
|
},
|
|
1952
2080
|
{
|
|
1953
2081
|
"type": "divider"
|
|
1954
2082
|
},
|
|
1955
2083
|
{
|
|
2084
|
+
"type": "stack",
|
|
1956
2085
|
"direction": "horizontal",
|
|
2086
|
+
"gap": "sm",
|
|
2087
|
+
"justify": "end",
|
|
1957
2088
|
"children": [
|
|
1958
2089
|
{
|
|
1959
|
-
"icon": "edit",
|
|
1960
|
-
"variant": "primary",
|
|
1961
|
-
"label": "Edit",
|
|
1962
2090
|
"type": "button",
|
|
1963
|
-
"action": "EDIT"
|
|
2091
|
+
"action": "EDIT",
|
|
2092
|
+
"variant": "primary",
|
|
2093
|
+
"icon": "edit",
|
|
2094
|
+
"label": "Edit"
|
|
1964
2095
|
},
|
|
1965
2096
|
{
|
|
1966
2097
|
"label": "Close",
|
|
2098
|
+
"variant": "ghost",
|
|
1967
2099
|
"type": "button",
|
|
1968
|
-
"action": "CLOSE"
|
|
1969
|
-
"variant": "ghost"
|
|
2100
|
+
"action": "CLOSE"
|
|
1970
2101
|
}
|
|
1971
|
-
]
|
|
1972
|
-
"justify": "end",
|
|
1973
|
-
"type": "stack",
|
|
1974
|
-
"gap": "sm"
|
|
2102
|
+
]
|
|
1975
2103
|
}
|
|
1976
2104
|
],
|
|
1977
|
-
"direction": "vertical"
|
|
2105
|
+
"direction": "vertical",
|
|
2106
|
+
"gap": "md",
|
|
2107
|
+
"type": "stack"
|
|
1978
2108
|
}
|
|
1979
2109
|
]
|
|
1980
2110
|
]
|
|
@@ -2204,8 +2334,8 @@
|
|
|
2204
2334
|
"Product",
|
|
2205
2335
|
{
|
|
2206
2336
|
"emit": {
|
|
2207
|
-
"
|
|
2208
|
-
"
|
|
2337
|
+
"failure": "ProductLoadFailed",
|
|
2338
|
+
"success": "ProductLoaded"
|
|
2209
2339
|
}
|
|
2210
2340
|
}
|
|
2211
2341
|
]
|
|
@@ -2236,13 +2366,11 @@
|
|
|
2236
2366
|
"render-ui",
|
|
2237
2367
|
"modal",
|
|
2238
2368
|
{
|
|
2239
|
-
"direction": "vertical",
|
|
2240
|
-
"gap": "md",
|
|
2241
2369
|
"type": "stack",
|
|
2370
|
+
"gap": "md",
|
|
2371
|
+
"direction": "vertical",
|
|
2242
2372
|
"children": [
|
|
2243
2373
|
{
|
|
2244
|
-
"align": "center",
|
|
2245
|
-
"type": "stack",
|
|
2246
2374
|
"gap": "sm",
|
|
2247
2375
|
"children": [
|
|
2248
2376
|
{
|
|
@@ -2250,40 +2378,42 @@
|
|
|
2250
2378
|
"type": "icon"
|
|
2251
2379
|
},
|
|
2252
2380
|
{
|
|
2253
|
-
"content": "Delete Product",
|
|
2254
2381
|
"variant": "h3",
|
|
2382
|
+
"content": "Delete Product",
|
|
2255
2383
|
"type": "typography"
|
|
2256
2384
|
}
|
|
2257
2385
|
],
|
|
2258
|
-
"direction": "horizontal"
|
|
2386
|
+
"direction": "horizontal",
|
|
2387
|
+
"align": "center",
|
|
2388
|
+
"type": "stack"
|
|
2259
2389
|
},
|
|
2260
2390
|
{
|
|
2261
2391
|
"type": "divider"
|
|
2262
2392
|
},
|
|
2263
2393
|
{
|
|
2264
|
-
"variant": "error",
|
|
2265
2394
|
"type": "alert",
|
|
2266
|
-
"message": "This action cannot be undone."
|
|
2395
|
+
"message": "This action cannot be undone.",
|
|
2396
|
+
"variant": "error"
|
|
2267
2397
|
},
|
|
2268
2398
|
{
|
|
2269
|
-
"type": "stack",
|
|
2270
2399
|
"justify": "end",
|
|
2400
|
+
"direction": "horizontal",
|
|
2401
|
+
"type": "stack",
|
|
2271
2402
|
"children": [
|
|
2272
2403
|
{
|
|
2273
2404
|
"label": "Cancel",
|
|
2274
|
-
"
|
|
2405
|
+
"variant": "ghost",
|
|
2275
2406
|
"action": "CANCEL",
|
|
2276
|
-
"
|
|
2407
|
+
"type": "button"
|
|
2277
2408
|
},
|
|
2278
2409
|
{
|
|
2279
|
-
"variant": "danger",
|
|
2280
|
-
"icon": "check",
|
|
2281
|
-
"action": "CONFIRM_DELETE",
|
|
2282
2410
|
"label": "Delete",
|
|
2283
|
-
"
|
|
2411
|
+
"action": "CONFIRM_DELETE",
|
|
2412
|
+
"type": "button",
|
|
2413
|
+
"variant": "danger",
|
|
2414
|
+
"icon": "check"
|
|
2284
2415
|
}
|
|
2285
2416
|
],
|
|
2286
|
-
"direction": "horizontal",
|
|
2287
2417
|
"gap": "sm"
|
|
2288
2418
|
}
|
|
2289
2419
|
]
|
|
@@ -2404,6 +2534,9 @@
|
|
|
2404
2534
|
"name": "ProductsPage",
|
|
2405
2535
|
"path": "/products",
|
|
2406
2536
|
"traits": [
|
|
2537
|
+
{
|
|
2538
|
+
"ref": "ProductAppLayout"
|
|
2539
|
+
},
|
|
2407
2540
|
{
|
|
2408
2541
|
"ref": "ProductBrowse"
|
|
2409
2542
|
},
|
|
@@ -2631,8 +2764,8 @@
|
|
|
2631
2764
|
"CartItem",
|
|
2632
2765
|
{
|
|
2633
2766
|
"emit": {
|
|
2634
|
-
"
|
|
2635
|
-
"
|
|
2767
|
+
"success": "CartItemLoaded",
|
|
2768
|
+
"failure": "CartItemLoadFailed"
|
|
2636
2769
|
}
|
|
2637
2770
|
}
|
|
2638
2771
|
],
|
|
@@ -2640,22 +2773,22 @@
|
|
|
2640
2773
|
"render-ui",
|
|
2641
2774
|
"main",
|
|
2642
2775
|
{
|
|
2643
|
-
"className": "py-12",
|
|
2644
|
-
"type": "stack",
|
|
2645
2776
|
"gap": "md",
|
|
2646
|
-
"
|
|
2777
|
+
"align": "center",
|
|
2647
2778
|
"children": [
|
|
2648
2779
|
{
|
|
2649
2780
|
"type": "spinner"
|
|
2650
2781
|
},
|
|
2651
2782
|
{
|
|
2652
|
-
"type": "typography",
|
|
2653
|
-
"color": "muted",
|
|
2654
2783
|
"variant": "caption",
|
|
2655
|
-
"content": "Loading…"
|
|
2784
|
+
"content": "Loading…",
|
|
2785
|
+
"type": "typography",
|
|
2786
|
+
"color": "muted"
|
|
2656
2787
|
}
|
|
2657
2788
|
],
|
|
2658
|
-
"
|
|
2789
|
+
"className": "py-12",
|
|
2790
|
+
"type": "stack",
|
|
2791
|
+
"direction": "vertical"
|
|
2659
2792
|
}
|
|
2660
2793
|
]
|
|
2661
2794
|
]
|
|
@@ -2669,22 +2802,21 @@
|
|
|
2669
2802
|
"render-ui",
|
|
2670
2803
|
"main",
|
|
2671
2804
|
{
|
|
2672
|
-
"type": "dashboard-layout",
|
|
2673
2805
|
"navItems": [
|
|
2674
2806
|
{
|
|
2675
2807
|
"href": "/products",
|
|
2676
|
-
"
|
|
2677
|
-
"
|
|
2808
|
+
"icon": "package",
|
|
2809
|
+
"label": "Products"
|
|
2678
2810
|
},
|
|
2679
2811
|
{
|
|
2680
|
-
"label": "Cart",
|
|
2681
2812
|
"icon": "shopping-cart",
|
|
2813
|
+
"label": "Cart",
|
|
2682
2814
|
"href": "/cart"
|
|
2683
2815
|
},
|
|
2684
2816
|
{
|
|
2685
|
-
"
|
|
2817
|
+
"label": "Checkout",
|
|
2686
2818
|
"icon": "credit-card",
|
|
2687
|
-
"
|
|
2819
|
+
"href": "/checkout"
|
|
2688
2820
|
},
|
|
2689
2821
|
{
|
|
2690
2822
|
"icon": "clipboard-list",
|
|
@@ -2692,15 +2824,21 @@
|
|
|
2692
2824
|
"href": "/orders"
|
|
2693
2825
|
}
|
|
2694
2826
|
],
|
|
2827
|
+
"type": "dashboard-layout",
|
|
2695
2828
|
"appName": "EcommerceApp",
|
|
2696
2829
|
"children": [
|
|
2697
2830
|
{
|
|
2831
|
+
"direction": "vertical",
|
|
2832
|
+
"type": "stack",
|
|
2833
|
+
"gap": "lg",
|
|
2698
2834
|
"children": [
|
|
2699
2835
|
{
|
|
2836
|
+
"type": "stack",
|
|
2700
2837
|
"direction": "horizontal",
|
|
2838
|
+
"gap": "md",
|
|
2839
|
+
"justify": "between",
|
|
2701
2840
|
"children": [
|
|
2702
2841
|
{
|
|
2703
|
-
"type": "stack",
|
|
2704
2842
|
"direction": "horizontal",
|
|
2705
2843
|
"children": [
|
|
2706
2844
|
{
|
|
@@ -2708,48 +2846,46 @@
|
|
|
2708
2846
|
"name": "shopping-cart"
|
|
2709
2847
|
},
|
|
2710
2848
|
{
|
|
2711
|
-
"type": "typography",
|
|
2712
2849
|
"content": "Shopping Cart",
|
|
2850
|
+
"type": "typography",
|
|
2713
2851
|
"variant": "h2"
|
|
2714
2852
|
}
|
|
2715
2853
|
],
|
|
2716
|
-
"gap": "md"
|
|
2854
|
+
"gap": "md",
|
|
2855
|
+
"type": "stack"
|
|
2717
2856
|
},
|
|
2718
2857
|
{
|
|
2719
|
-
"type": "button",
|
|
2720
|
-
"icon": "plus",
|
|
2721
2858
|
"action": "ADD_ITEM",
|
|
2722
2859
|
"label": "Add Item",
|
|
2860
|
+
"type": "button",
|
|
2861
|
+
"icon": "plus",
|
|
2723
2862
|
"variant": "primary"
|
|
2724
2863
|
}
|
|
2725
|
-
]
|
|
2726
|
-
"type": "stack",
|
|
2727
|
-
"gap": "md",
|
|
2728
|
-
"justify": "between"
|
|
2864
|
+
]
|
|
2729
2865
|
},
|
|
2730
2866
|
{
|
|
2731
2867
|
"type": "divider"
|
|
2732
2868
|
},
|
|
2733
2869
|
{
|
|
2734
|
-
"cols": 3.0,
|
|
2735
2870
|
"type": "simple-grid",
|
|
2871
|
+
"cols": 3.0,
|
|
2736
2872
|
"children": [
|
|
2737
2873
|
{
|
|
2738
|
-
"icon": "package",
|
|
2739
|
-
"label": "Items",
|
|
2740
2874
|
"value": "@payload.data.length",
|
|
2741
|
-
"
|
|
2742
|
-
|
|
2875
|
+
"label": "Items",
|
|
2876
|
+
"type": "stat-display",
|
|
2877
|
+
"icon": "package"
|
|
2878
|
+
},
|
|
2743
2879
|
{
|
|
2744
|
-
"value": "@payload.data.length",
|
|
2745
2880
|
"type": "stat-display",
|
|
2881
|
+
"value": "@payload.data.length",
|
|
2746
2882
|
"icon": "dollar-sign",
|
|
2747
2883
|
"label": "Subtotal"
|
|
2748
2884
|
},
|
|
2749
2885
|
{
|
|
2750
|
-
"icon": "receipt",
|
|
2751
|
-
"value": "@payload.data.length",
|
|
2752
2886
|
"type": "stat-display",
|
|
2887
|
+
"value": "@payload.data.length",
|
|
2888
|
+
"icon": "receipt",
|
|
2753
2889
|
"label": "Total"
|
|
2754
2890
|
}
|
|
2755
2891
|
]
|
|
@@ -2758,46 +2894,43 @@
|
|
|
2758
2894
|
"type": "divider"
|
|
2759
2895
|
},
|
|
2760
2896
|
{
|
|
2897
|
+
"entity": "@payload.data",
|
|
2898
|
+
"type": "data-grid",
|
|
2761
2899
|
"itemActions": [
|
|
2762
2900
|
{
|
|
2763
|
-
"variant": "danger",
|
|
2764
2901
|
"event": "REQUEST_REMOVE",
|
|
2902
|
+
"variant": "danger",
|
|
2765
2903
|
"label": "Remove"
|
|
2766
2904
|
}
|
|
2767
2905
|
],
|
|
2768
|
-
"type": "data-grid",
|
|
2769
|
-
"entity": "@payload.data",
|
|
2770
2906
|
"fields": [
|
|
2771
2907
|
{
|
|
2908
|
+
"icon": "shopping-cart",
|
|
2772
2909
|
"label": "Product Name",
|
|
2773
|
-
"variant": "h4",
|
|
2774
2910
|
"name": "productName",
|
|
2775
|
-
"
|
|
2911
|
+
"variant": "h4"
|
|
2776
2912
|
},
|
|
2777
2913
|
{
|
|
2778
2914
|
"name": "quantity",
|
|
2779
|
-
"format": "currency",
|
|
2780
2915
|
"label": "Quantity",
|
|
2781
|
-
"variant": "caption"
|
|
2916
|
+
"variant": "caption",
|
|
2917
|
+
"format": "currency"
|
|
2782
2918
|
},
|
|
2783
2919
|
{
|
|
2784
2920
|
"name": "unitPrice",
|
|
2785
|
-
"
|
|
2786
|
-
"
|
|
2921
|
+
"label": "Unit Price",
|
|
2922
|
+
"variant": "badge"
|
|
2787
2923
|
}
|
|
2788
2924
|
]
|
|
2789
2925
|
},
|
|
2790
2926
|
{
|
|
2791
|
-
"variant": "primary",
|
|
2792
|
-
"label": "Proceed to Checkout",
|
|
2793
2927
|
"icon": "arrow-right",
|
|
2928
|
+
"action": "PROCEED_CHECKOUT",
|
|
2794
2929
|
"type": "button",
|
|
2795
|
-
"
|
|
2930
|
+
"variant": "primary",
|
|
2931
|
+
"label": "Proceed to Checkout"
|
|
2796
2932
|
}
|
|
2797
|
-
]
|
|
2798
|
-
"type": "stack",
|
|
2799
|
-
"gap": "lg",
|
|
2800
|
-
"direction": "vertical"
|
|
2933
|
+
]
|
|
2801
2934
|
}
|
|
2802
2935
|
]
|
|
2803
2936
|
}
|
|
@@ -2813,36 +2946,36 @@
|
|
|
2813
2946
|
"render-ui",
|
|
2814
2947
|
"main",
|
|
2815
2948
|
{
|
|
2816
|
-
"gap": "md",
|
|
2817
|
-
"align": "center",
|
|
2818
2949
|
"direction": "vertical",
|
|
2819
2950
|
"type": "stack",
|
|
2820
2951
|
"children": [
|
|
2821
2952
|
{
|
|
2822
|
-
"
|
|
2953
|
+
"color": "destructive",
|
|
2823
2954
|
"name": "alert-triangle",
|
|
2824
|
-
"
|
|
2955
|
+
"type": "icon"
|
|
2825
2956
|
},
|
|
2826
2957
|
{
|
|
2958
|
+
"type": "typography",
|
|
2827
2959
|
"variant": "h3",
|
|
2828
|
-
"content": "Failed to load cartitem"
|
|
2829
|
-
"type": "typography"
|
|
2960
|
+
"content": "Failed to load cartitem"
|
|
2830
2961
|
},
|
|
2831
2962
|
{
|
|
2963
|
+
"color": "muted",
|
|
2832
2964
|
"variant": "body",
|
|
2833
|
-
"content": "@payload.error",
|
|
2834
2965
|
"type": "typography",
|
|
2835
|
-
"
|
|
2966
|
+
"content": "@payload.error"
|
|
2836
2967
|
},
|
|
2837
2968
|
{
|
|
2838
|
-
"icon": "rotate-ccw",
|
|
2839
2969
|
"label": "Retry",
|
|
2840
|
-
"
|
|
2970
|
+
"type": "button",
|
|
2841
2971
|
"variant": "primary",
|
|
2842
|
-
"
|
|
2972
|
+
"icon": "rotate-ccw",
|
|
2973
|
+
"action": "INIT"
|
|
2843
2974
|
}
|
|
2844
2975
|
],
|
|
2845
|
-
"
|
|
2976
|
+
"align": "center",
|
|
2977
|
+
"className": "py-12",
|
|
2978
|
+
"gap": "md"
|
|
2846
2979
|
}
|
|
2847
2980
|
]
|
|
2848
2981
|
]
|
|
@@ -2866,22 +2999,22 @@
|
|
|
2866
2999
|
"render-ui",
|
|
2867
3000
|
"main",
|
|
2868
3001
|
{
|
|
2869
|
-
"direction": "vertical",
|
|
2870
3002
|
"className": "py-12",
|
|
2871
|
-
"align": "center",
|
|
2872
|
-
"gap": "md",
|
|
2873
3003
|
"children": [
|
|
2874
3004
|
{
|
|
2875
3005
|
"type": "spinner"
|
|
2876
3006
|
},
|
|
2877
3007
|
{
|
|
2878
|
-
"color": "muted",
|
|
2879
|
-
"variant": "caption",
|
|
2880
3008
|
"type": "typography",
|
|
2881
|
-
"
|
|
3009
|
+
"color": "muted",
|
|
3010
|
+
"content": "Preparing checkout…",
|
|
3011
|
+
"variant": "caption"
|
|
2882
3012
|
}
|
|
2883
3013
|
],
|
|
2884
|
-
"type": "stack"
|
|
3014
|
+
"type": "stack",
|
|
3015
|
+
"direction": "vertical",
|
|
3016
|
+
"gap": "md",
|
|
3017
|
+
"align": "center"
|
|
2885
3018
|
}
|
|
2886
3019
|
]
|
|
2887
3020
|
]
|
|
@@ -2895,35 +3028,11 @@
|
|
|
2895
3028
|
"render-ui",
|
|
2896
3029
|
"main",
|
|
2897
3030
|
{
|
|
2898
|
-
"appName": "EcommerceApp",
|
|
2899
|
-
"navItems": [
|
|
2900
|
-
{
|
|
2901
|
-
"href": "/products",
|
|
2902
|
-
"icon": "package",
|
|
2903
|
-
"label": "Products"
|
|
2904
|
-
},
|
|
2905
|
-
{
|
|
2906
|
-
"icon": "shopping-cart",
|
|
2907
|
-
"label": "Cart",
|
|
2908
|
-
"href": "/cart"
|
|
2909
|
-
},
|
|
2910
|
-
{
|
|
2911
|
-
"label": "Checkout",
|
|
2912
|
-
"href": "/checkout",
|
|
2913
|
-
"icon": "credit-card"
|
|
2914
|
-
},
|
|
2915
|
-
{
|
|
2916
|
-
"icon": "clipboard-list",
|
|
2917
|
-
"label": "Orders",
|
|
2918
|
-
"href": "/orders"
|
|
2919
|
-
}
|
|
2920
|
-
],
|
|
2921
|
-
"type": "dashboard-layout",
|
|
2922
3031
|
"children": [
|
|
2923
3032
|
{
|
|
3033
|
+
"gap": "lg",
|
|
2924
3034
|
"children": [
|
|
2925
3035
|
{
|
|
2926
|
-
"direction": "horizontal",
|
|
2927
3036
|
"children": [
|
|
2928
3037
|
{
|
|
2929
3038
|
"name": "clipboard",
|
|
@@ -2936,69 +3045,93 @@
|
|
|
2936
3045
|
}
|
|
2937
3046
|
],
|
|
2938
3047
|
"gap": "sm",
|
|
2939
|
-
"type": "stack"
|
|
3048
|
+
"type": "stack",
|
|
3049
|
+
"direction": "horizontal"
|
|
2940
3050
|
},
|
|
2941
3051
|
{
|
|
2942
3052
|
"type": "divider"
|
|
2943
3053
|
},
|
|
2944
3054
|
{
|
|
3055
|
+
"entity": "@payload.data",
|
|
3056
|
+
"itemActions": [
|
|
3057
|
+
{
|
|
3058
|
+
"label": "Remove",
|
|
3059
|
+
"event": "REQUEST_REMOVE",
|
|
3060
|
+
"variant": "danger"
|
|
3061
|
+
}
|
|
3062
|
+
],
|
|
3063
|
+
"type": "data-grid",
|
|
2945
3064
|
"fields": [
|
|
2946
3065
|
{
|
|
2947
|
-
"name": "productName",
|
|
2948
3066
|
"icon": "shopping-cart",
|
|
2949
|
-
"
|
|
2950
|
-
"label": "Product Name"
|
|
3067
|
+
"name": "productName",
|
|
3068
|
+
"label": "Product Name",
|
|
3069
|
+
"variant": "h4"
|
|
2951
3070
|
},
|
|
2952
3071
|
{
|
|
2953
|
-
"variant": "caption",
|
|
2954
|
-
"label": "Quantity",
|
|
2955
3072
|
"format": "currency",
|
|
2956
|
-
"
|
|
3073
|
+
"label": "Quantity",
|
|
3074
|
+
"name": "quantity",
|
|
3075
|
+
"variant": "caption"
|
|
2957
3076
|
},
|
|
2958
3077
|
{
|
|
2959
|
-
"name": "unitPrice",
|
|
2960
3078
|
"label": "Unit Price",
|
|
3079
|
+
"name": "unitPrice",
|
|
2961
3080
|
"variant": "badge"
|
|
2962
3081
|
}
|
|
2963
|
-
]
|
|
2964
|
-
"itemActions": [
|
|
2965
|
-
{
|
|
2966
|
-
"event": "REQUEST_REMOVE",
|
|
2967
|
-
"label": "Remove",
|
|
2968
|
-
"variant": "danger"
|
|
2969
|
-
}
|
|
2970
|
-
],
|
|
2971
|
-
"entity": "@payload.data",
|
|
2972
|
-
"type": "data-grid"
|
|
3082
|
+
]
|
|
2973
3083
|
},
|
|
2974
3084
|
{
|
|
3085
|
+
"type": "stack",
|
|
2975
3086
|
"direction": "horizontal",
|
|
3087
|
+
"justify": "end",
|
|
2976
3088
|
"children": [
|
|
2977
3089
|
{
|
|
2978
3090
|
"variant": "ghost",
|
|
2979
|
-
"icon": "arrow-left",
|
|
2980
|
-
"action": "BACK_TO_CART",
|
|
2981
3091
|
"type": "button",
|
|
2982
|
-
"label": "Back to Cart"
|
|
3092
|
+
"label": "Back to Cart",
|
|
3093
|
+
"action": "BACK_TO_CART",
|
|
3094
|
+
"icon": "arrow-left"
|
|
2983
3095
|
},
|
|
2984
3096
|
{
|
|
2985
3097
|
"variant": "primary",
|
|
2986
|
-
"label": "Confirm Order",
|
|
2987
3098
|
"type": "button",
|
|
2988
3099
|
"action": "CONFIRM_ORDER",
|
|
3100
|
+
"label": "Confirm Order",
|
|
2989
3101
|
"icon": "check"
|
|
2990
3102
|
}
|
|
2991
3103
|
],
|
|
2992
|
-
"justify": "end",
|
|
2993
|
-
"type": "stack",
|
|
2994
3104
|
"gap": "sm"
|
|
2995
3105
|
}
|
|
2996
3106
|
],
|
|
2997
|
-
"
|
|
2998
|
-
"direction": "vertical"
|
|
2999
|
-
"type": "stack"
|
|
3107
|
+
"type": "stack",
|
|
3108
|
+
"direction": "vertical"
|
|
3000
3109
|
}
|
|
3001
|
-
]
|
|
3110
|
+
],
|
|
3111
|
+
"appName": "EcommerceApp",
|
|
3112
|
+
"navItems": [
|
|
3113
|
+
{
|
|
3114
|
+
"label": "Products",
|
|
3115
|
+
"href": "/products",
|
|
3116
|
+
"icon": "package"
|
|
3117
|
+
},
|
|
3118
|
+
{
|
|
3119
|
+
"icon": "shopping-cart",
|
|
3120
|
+
"label": "Cart",
|
|
3121
|
+
"href": "/cart"
|
|
3122
|
+
},
|
|
3123
|
+
{
|
|
3124
|
+
"icon": "credit-card",
|
|
3125
|
+
"label": "Checkout",
|
|
3126
|
+
"href": "/checkout"
|
|
3127
|
+
},
|
|
3128
|
+
{
|
|
3129
|
+
"icon": "clipboard-list",
|
|
3130
|
+
"label": "Orders",
|
|
3131
|
+
"href": "/orders"
|
|
3132
|
+
}
|
|
3133
|
+
],
|
|
3134
|
+
"type": "dashboard-layout"
|
|
3002
3135
|
}
|
|
3003
3136
|
]
|
|
3004
3137
|
]
|
|
@@ -3013,8 +3146,8 @@
|
|
|
3013
3146
|
"CartItem",
|
|
3014
3147
|
{
|
|
3015
3148
|
"emit": {
|
|
3016
|
-
"
|
|
3017
|
-
"
|
|
3149
|
+
"success": "CartItemLoaded",
|
|
3150
|
+
"failure": "CartItemLoadFailed"
|
|
3018
3151
|
}
|
|
3019
3152
|
}
|
|
3020
3153
|
]
|
|
@@ -3039,12 +3172,34 @@
|
|
|
3039
3172
|
"render-ui",
|
|
3040
3173
|
"main",
|
|
3041
3174
|
{
|
|
3042
|
-
"
|
|
3175
|
+
"type": "dashboard-layout",
|
|
3176
|
+
"navItems": [
|
|
3177
|
+
{
|
|
3178
|
+
"href": "/products",
|
|
3179
|
+
"icon": "package",
|
|
3180
|
+
"label": "Products"
|
|
3181
|
+
},
|
|
3182
|
+
{
|
|
3183
|
+
"href": "/cart",
|
|
3184
|
+
"icon": "shopping-cart",
|
|
3185
|
+
"label": "Cart"
|
|
3186
|
+
},
|
|
3187
|
+
{
|
|
3188
|
+
"href": "/checkout",
|
|
3189
|
+
"label": "Checkout",
|
|
3190
|
+
"icon": "credit-card"
|
|
3191
|
+
},
|
|
3192
|
+
{
|
|
3193
|
+
"icon": "clipboard-list",
|
|
3194
|
+
"label": "Orders",
|
|
3195
|
+
"href": "/orders"
|
|
3196
|
+
}
|
|
3197
|
+
],
|
|
3043
3198
|
"children": [
|
|
3044
3199
|
{
|
|
3045
3200
|
"type": "stack",
|
|
3046
|
-
"gap": "lg",
|
|
3047
3201
|
"direction": "vertical",
|
|
3202
|
+
"gap": "lg",
|
|
3048
3203
|
"align": "center",
|
|
3049
3204
|
"children": [
|
|
3050
3205
|
{
|
|
@@ -3052,47 +3207,25 @@
|
|
|
3052
3207
|
"name": "check-circle"
|
|
3053
3208
|
},
|
|
3054
3209
|
{
|
|
3210
|
+
"content": "Order Confirmed",
|
|
3055
3211
|
"type": "typography",
|
|
3056
|
-
"variant": "h2"
|
|
3057
|
-
"content": "Order Confirmed"
|
|
3212
|
+
"variant": "h2"
|
|
3058
3213
|
},
|
|
3059
3214
|
{
|
|
3060
3215
|
"content": "Your order has been placed successfully.",
|
|
3061
|
-
"
|
|
3062
|
-
"
|
|
3216
|
+
"type": "typography",
|
|
3217
|
+
"variant": "body"
|
|
3063
3218
|
},
|
|
3064
3219
|
{
|
|
3065
3220
|
"label": "Continue Shopping",
|
|
3066
|
-
"type": "button",
|
|
3067
3221
|
"variant": "primary",
|
|
3222
|
+
"type": "button",
|
|
3068
3223
|
"action": "INIT"
|
|
3069
3224
|
}
|
|
3070
3225
|
]
|
|
3071
3226
|
}
|
|
3072
3227
|
],
|
|
3073
|
-
"
|
|
3074
|
-
"navItems": [
|
|
3075
|
-
{
|
|
3076
|
-
"href": "/products",
|
|
3077
|
-
"icon": "package",
|
|
3078
|
-
"label": "Products"
|
|
3079
|
-
},
|
|
3080
|
-
{
|
|
3081
|
-
"icon": "shopping-cart",
|
|
3082
|
-
"href": "/cart",
|
|
3083
|
-
"label": "Cart"
|
|
3084
|
-
},
|
|
3085
|
-
{
|
|
3086
|
-
"label": "Checkout",
|
|
3087
|
-
"href": "/checkout",
|
|
3088
|
-
"icon": "credit-card"
|
|
3089
|
-
},
|
|
3090
|
-
{
|
|
3091
|
-
"href": "/orders",
|
|
3092
|
-
"label": "Orders",
|
|
3093
|
-
"icon": "clipboard-list"
|
|
3094
|
-
}
|
|
3095
|
-
]
|
|
3228
|
+
"appName": "EcommerceApp"
|
|
3096
3229
|
}
|
|
3097
3230
|
]
|
|
3098
3231
|
]
|
|
@@ -3260,8 +3393,8 @@
|
|
|
3260
3393
|
"CartItem",
|
|
3261
3394
|
{
|
|
3262
3395
|
"emit": {
|
|
3263
|
-
"
|
|
3264
|
-
"
|
|
3396
|
+
"success": "CartItemLoaded",
|
|
3397
|
+
"failure": "CartItemLoadFailed"
|
|
3265
3398
|
}
|
|
3266
3399
|
}
|
|
3267
3400
|
]
|
|
@@ -3277,8 +3410,8 @@
|
|
|
3277
3410
|
"CartItem",
|
|
3278
3411
|
{
|
|
3279
3412
|
"emit": {
|
|
3280
|
-
"
|
|
3281
|
-
"
|
|
3413
|
+
"success": "CartItemLoaded",
|
|
3414
|
+
"failure": "CartItemLoadFailed"
|
|
3282
3415
|
}
|
|
3283
3416
|
}
|
|
3284
3417
|
],
|
|
@@ -3286,41 +3419,41 @@
|
|
|
3286
3419
|
"render-ui",
|
|
3287
3420
|
"modal",
|
|
3288
3421
|
{
|
|
3422
|
+
"gap": "md",
|
|
3423
|
+
"type": "stack",
|
|
3289
3424
|
"children": [
|
|
3290
3425
|
{
|
|
3291
3426
|
"type": "stack",
|
|
3292
|
-
"direction": "horizontal",
|
|
3293
3427
|
"children": [
|
|
3294
3428
|
{
|
|
3295
|
-
"
|
|
3296
|
-
"
|
|
3429
|
+
"type": "icon",
|
|
3430
|
+
"name": "plus-circle"
|
|
3297
3431
|
},
|
|
3298
3432
|
{
|
|
3299
|
-
"type": "typography",
|
|
3300
3433
|
"content": "Add Item",
|
|
3434
|
+
"type": "typography",
|
|
3301
3435
|
"variant": "h3"
|
|
3302
3436
|
}
|
|
3303
3437
|
],
|
|
3304
|
-
"gap": "sm"
|
|
3438
|
+
"gap": "sm",
|
|
3439
|
+
"direction": "horizontal"
|
|
3305
3440
|
},
|
|
3306
3441
|
{
|
|
3307
3442
|
"type": "divider"
|
|
3308
3443
|
},
|
|
3309
3444
|
{
|
|
3310
|
-
"type": "form-section",
|
|
3311
3445
|
"fields": [
|
|
3312
3446
|
"productName",
|
|
3313
3447
|
"quantity",
|
|
3314
3448
|
"unitPrice",
|
|
3315
3449
|
"totalPrice"
|
|
3316
3450
|
],
|
|
3451
|
+
"type": "form-section",
|
|
3317
3452
|
"mode": "create",
|
|
3318
|
-
"
|
|
3319
|
-
"
|
|
3453
|
+
"submitEvent": "SAVE",
|
|
3454
|
+
"cancelEvent": "CLOSE"
|
|
3320
3455
|
}
|
|
3321
3456
|
],
|
|
3322
|
-
"type": "stack",
|
|
3323
|
-
"gap": "md",
|
|
3324
3457
|
"direction": "vertical"
|
|
3325
3458
|
}
|
|
3326
3459
|
]
|
|
@@ -3548,8 +3681,8 @@
|
|
|
3548
3681
|
"CartItem",
|
|
3549
3682
|
{
|
|
3550
3683
|
"emit": {
|
|
3551
|
-
"
|
|
3552
|
-
"
|
|
3684
|
+
"failure": "CartItemLoadFailed",
|
|
3685
|
+
"success": "CartItemLoaded"
|
|
3553
3686
|
}
|
|
3554
3687
|
}
|
|
3555
3688
|
]
|
|
@@ -3571,8 +3704,8 @@
|
|
|
3571
3704
|
{
|
|
3572
3705
|
"id": "@payload.id",
|
|
3573
3706
|
"emit": {
|
|
3574
|
-
"
|
|
3575
|
-
"
|
|
3707
|
+
"success": "CartItemLoaded",
|
|
3708
|
+
"failure": "CartItemLoadFailed"
|
|
3576
3709
|
}
|
|
3577
3710
|
}
|
|
3578
3711
|
],
|
|
@@ -3580,24 +3713,24 @@
|
|
|
3580
3713
|
"render-ui",
|
|
3581
3714
|
"modal",
|
|
3582
3715
|
{
|
|
3583
|
-
"type": "stack",
|
|
3584
3716
|
"gap": "md",
|
|
3717
|
+
"direction": "vertical",
|
|
3585
3718
|
"children": [
|
|
3586
3719
|
{
|
|
3587
|
-
"align": "center",
|
|
3588
|
-
"type": "stack",
|
|
3589
3720
|
"direction": "horizontal",
|
|
3721
|
+
"align": "center",
|
|
3590
3722
|
"children": [
|
|
3591
3723
|
{
|
|
3592
3724
|
"name": "alert-triangle",
|
|
3593
3725
|
"type": "icon"
|
|
3594
3726
|
},
|
|
3595
3727
|
{
|
|
3596
|
-
"type": "typography",
|
|
3597
3728
|
"content": "Remove Item",
|
|
3598
|
-
"variant": "h3"
|
|
3729
|
+
"variant": "h3",
|
|
3730
|
+
"type": "typography"
|
|
3599
3731
|
}
|
|
3600
3732
|
],
|
|
3733
|
+
"type": "stack",
|
|
3601
3734
|
"gap": "sm"
|
|
3602
3735
|
},
|
|
3603
3736
|
{
|
|
@@ -3609,28 +3742,28 @@
|
|
|
3609
3742
|
"message": "Are you sure you want to remove this item from your cart?"
|
|
3610
3743
|
},
|
|
3611
3744
|
{
|
|
3612
|
-
"type": "stack",
|
|
3613
|
-
"direction": "horizontal",
|
|
3614
3745
|
"justify": "end",
|
|
3746
|
+
"gap": "sm",
|
|
3747
|
+
"type": "stack",
|
|
3615
3748
|
"children": [
|
|
3616
3749
|
{
|
|
3617
|
-
"
|
|
3750
|
+
"action": "CANCEL",
|
|
3618
3751
|
"label": "Cancel",
|
|
3619
|
-
"
|
|
3620
|
-
"
|
|
3752
|
+
"type": "button",
|
|
3753
|
+
"variant": "ghost"
|
|
3621
3754
|
},
|
|
3622
3755
|
{
|
|
3623
|
-
"icon": "check",
|
|
3624
|
-
"action": "CONFIRM_REMOVE",
|
|
3625
3756
|
"type": "button",
|
|
3626
|
-
"
|
|
3627
|
-
"
|
|
3757
|
+
"action": "CONFIRM_REMOVE",
|
|
3758
|
+
"icon": "check",
|
|
3759
|
+
"label": "Remove",
|
|
3760
|
+
"variant": "danger"
|
|
3628
3761
|
}
|
|
3629
3762
|
],
|
|
3630
|
-
"
|
|
3763
|
+
"direction": "horizontal"
|
|
3631
3764
|
}
|
|
3632
3765
|
],
|
|
3633
|
-
"
|
|
3766
|
+
"type": "stack"
|
|
3634
3767
|
}
|
|
3635
3768
|
]
|
|
3636
3769
|
]
|
|
@@ -3647,8 +3780,8 @@
|
|
|
3647
3780
|
"@entity.pendingId",
|
|
3648
3781
|
{
|
|
3649
3782
|
"emit": {
|
|
3650
|
-
"
|
|
3651
|
-
"
|
|
3783
|
+
"failure": "CartItemDeleteFailed",
|
|
3784
|
+
"success": "CartItemDeleted"
|
|
3652
3785
|
}
|
|
3653
3786
|
}
|
|
3654
3787
|
],
|
|
@@ -3698,8 +3831,8 @@
|
|
|
3698
3831
|
"CartItem",
|
|
3699
3832
|
{
|
|
3700
3833
|
"emit": {
|
|
3701
|
-
"
|
|
3702
|
-
"
|
|
3834
|
+
"failure": "CartItemLoadFailed",
|
|
3835
|
+
"success": "CartItemLoaded"
|
|
3703
3836
|
}
|
|
3704
3837
|
}
|
|
3705
3838
|
]
|
|
@@ -3727,8 +3860,8 @@
|
|
|
3727
3860
|
"CartItem",
|
|
3728
3861
|
{
|
|
3729
3862
|
"emit": {
|
|
3730
|
-
"
|
|
3731
|
-
"
|
|
3863
|
+
"success": "CartItemLoaded",
|
|
3864
|
+
"failure": "CartItemLoadFailed"
|
|
3732
3865
|
}
|
|
3733
3866
|
}
|
|
3734
3867
|
]
|
|
@@ -4013,8 +4146,8 @@
|
|
|
4013
4146
|
"Checkout",
|
|
4014
4147
|
{
|
|
4015
4148
|
"emit": {
|
|
4016
|
-
"
|
|
4017
|
-
"
|
|
4149
|
+
"failure": "CheckoutLoadFailed",
|
|
4150
|
+
"success": "CheckoutLoaded"
|
|
4018
4151
|
}
|
|
4019
4152
|
}
|
|
4020
4153
|
],
|
|
@@ -4024,9 +4157,9 @@
|
|
|
4024
4157
|
{
|
|
4025
4158
|
"navItems": [
|
|
4026
4159
|
{
|
|
4160
|
+
"label": "Products",
|
|
4027
4161
|
"href": "/products",
|
|
4028
|
-
"icon": "package"
|
|
4029
|
-
"label": "Products"
|
|
4162
|
+
"icon": "package"
|
|
4030
4163
|
},
|
|
4031
4164
|
{
|
|
4032
4165
|
"icon": "shopping-cart",
|
|
@@ -4034,95 +4167,95 @@
|
|
|
4034
4167
|
"href": "/cart"
|
|
4035
4168
|
},
|
|
4036
4169
|
{
|
|
4037
|
-
"icon": "credit-card",
|
|
4038
4170
|
"href": "/checkout",
|
|
4171
|
+
"icon": "credit-card",
|
|
4039
4172
|
"label": "Checkout"
|
|
4040
4173
|
},
|
|
4041
4174
|
{
|
|
4042
4175
|
"href": "/orders",
|
|
4043
|
-
"
|
|
4044
|
-
"
|
|
4176
|
+
"label": "Orders",
|
|
4177
|
+
"icon": "clipboard-list"
|
|
4045
4178
|
}
|
|
4046
4179
|
],
|
|
4047
4180
|
"type": "dashboard-layout",
|
|
4048
4181
|
"children": [
|
|
4049
4182
|
{
|
|
4050
|
-
"maxWidth": "lg",
|
|
4051
4183
|
"type": "container",
|
|
4052
4184
|
"padding": "lg",
|
|
4053
4185
|
"children": [
|
|
4054
4186
|
{
|
|
4187
|
+
"gap": "lg",
|
|
4055
4188
|
"children": [
|
|
4056
4189
|
{
|
|
4057
|
-
"align": "center",
|
|
4058
4190
|
"type": "stack",
|
|
4059
|
-
"direction": "horizontal",
|
|
4060
4191
|
"children": [
|
|
4061
4192
|
{
|
|
4062
4193
|
"type": "icon",
|
|
4063
4194
|
"name": "credit-card"
|
|
4064
4195
|
},
|
|
4065
4196
|
{
|
|
4066
|
-
"variant": "h2",
|
|
4067
4197
|
"type": "typography",
|
|
4198
|
+
"variant": "h2",
|
|
4068
4199
|
"content": "Checkout"
|
|
4069
4200
|
}
|
|
4070
4201
|
],
|
|
4071
|
-
"
|
|
4202
|
+
"direction": "horizontal",
|
|
4203
|
+
"gap": "sm",
|
|
4204
|
+
"align": "center"
|
|
4072
4205
|
},
|
|
4073
4206
|
{
|
|
4207
|
+
"type": "progress-dots",
|
|
4074
4208
|
"count": 3.0,
|
|
4075
|
-
"currentIndex": 0.0
|
|
4076
|
-
"type": "progress-dots"
|
|
4209
|
+
"currentIndex": 0.0
|
|
4077
4210
|
},
|
|
4078
4211
|
{
|
|
4212
|
+
"type": "wizard-progress",
|
|
4079
4213
|
"steps": [
|
|
4080
4214
|
"Customer Info",
|
|
4081
4215
|
"Shipping",
|
|
4082
4216
|
"Payment"
|
|
4083
4217
|
],
|
|
4084
|
-
"currentStep": 0.0
|
|
4085
|
-
"type": "wizard-progress"
|
|
4218
|
+
"currentStep": 0.0
|
|
4086
4219
|
},
|
|
4087
4220
|
{
|
|
4088
4221
|
"type": "divider"
|
|
4089
4222
|
},
|
|
4090
4223
|
{
|
|
4224
|
+
"variant": "h3",
|
|
4091
4225
|
"type": "typography",
|
|
4092
|
-
"content": "Customer Info"
|
|
4093
|
-
"variant": "h3"
|
|
4226
|
+
"content": "Customer Info"
|
|
4094
4227
|
},
|
|
4095
4228
|
{
|
|
4229
|
+
"cancelEvent": "INIT",
|
|
4230
|
+
"mode": "create",
|
|
4096
4231
|
"submitEvent": "NEXT",
|
|
4097
4232
|
"fields": [
|
|
4098
4233
|
"customerName",
|
|
4099
4234
|
"email"
|
|
4100
4235
|
],
|
|
4101
|
-
"
|
|
4102
|
-
"type": "form-section",
|
|
4103
|
-
"mode": "create"
|
|
4236
|
+
"type": "form-section"
|
|
4104
4237
|
},
|
|
4105
4238
|
{
|
|
4106
|
-
"type": "stack",
|
|
4107
4239
|
"justify": "end",
|
|
4108
4240
|
"direction": "horizontal",
|
|
4241
|
+
"gap": "sm",
|
|
4109
4242
|
"children": [
|
|
4110
4243
|
{
|
|
4111
|
-
"icon": "arrow-right",
|
|
4112
|
-
"action": "NEXT",
|
|
4113
4244
|
"variant": "primary",
|
|
4245
|
+
"label": "Next",
|
|
4246
|
+
"action": "NEXT",
|
|
4114
4247
|
"type": "button",
|
|
4115
|
-
"
|
|
4248
|
+
"icon": "arrow-right"
|
|
4116
4249
|
}
|
|
4117
4250
|
],
|
|
4118
|
-
"
|
|
4251
|
+
"type": "stack"
|
|
4119
4252
|
}
|
|
4120
4253
|
],
|
|
4121
|
-
"type": "stack",
|
|
4122
4254
|
"direction": "vertical",
|
|
4123
|
-
"
|
|
4255
|
+
"type": "stack"
|
|
4124
4256
|
}
|
|
4125
|
-
]
|
|
4257
|
+
],
|
|
4258
|
+
"maxWidth": "lg"
|
|
4126
4259
|
}
|
|
4127
4260
|
],
|
|
4128
4261
|
"appName": "EcommerceApp"
|
|
@@ -4149,17 +4282,41 @@
|
|
|
4149
4282
|
"render-ui",
|
|
4150
4283
|
"main",
|
|
4151
4284
|
{
|
|
4285
|
+
"appName": "EcommerceApp",
|
|
4152
4286
|
"type": "dashboard-layout",
|
|
4287
|
+
"navItems": [
|
|
4288
|
+
{
|
|
4289
|
+
"href": "/products",
|
|
4290
|
+
"label": "Products",
|
|
4291
|
+
"icon": "package"
|
|
4292
|
+
},
|
|
4293
|
+
{
|
|
4294
|
+
"href": "/cart",
|
|
4295
|
+
"icon": "shopping-cart",
|
|
4296
|
+
"label": "Cart"
|
|
4297
|
+
},
|
|
4298
|
+
{
|
|
4299
|
+
"label": "Checkout",
|
|
4300
|
+
"href": "/checkout",
|
|
4301
|
+
"icon": "credit-card"
|
|
4302
|
+
},
|
|
4303
|
+
{
|
|
4304
|
+
"label": "Orders",
|
|
4305
|
+
"icon": "clipboard-list",
|
|
4306
|
+
"href": "/orders"
|
|
4307
|
+
}
|
|
4308
|
+
],
|
|
4153
4309
|
"children": [
|
|
4154
4310
|
{
|
|
4155
|
-
"padding": "lg",
|
|
4156
4311
|
"maxWidth": "lg",
|
|
4312
|
+
"padding": "lg",
|
|
4157
4313
|
"children": [
|
|
4158
4314
|
{
|
|
4159
|
-
"
|
|
4160
|
-
"gap": "lg",
|
|
4315
|
+
"type": "stack",
|
|
4161
4316
|
"children": [
|
|
4162
4317
|
{
|
|
4318
|
+
"direction": "horizontal",
|
|
4319
|
+
"gap": "sm",
|
|
4163
4320
|
"align": "center",
|
|
4164
4321
|
"children": [
|
|
4165
4322
|
{
|
|
@@ -4167,97 +4324,73 @@
|
|
|
4167
4324
|
"name": "credit-card"
|
|
4168
4325
|
},
|
|
4169
4326
|
{
|
|
4170
|
-
"content": "Checkout",
|
|
4171
4327
|
"type": "typography",
|
|
4328
|
+
"content": "Checkout",
|
|
4172
4329
|
"variant": "h2"
|
|
4173
4330
|
}
|
|
4174
4331
|
],
|
|
4175
|
-
"gap": "sm",
|
|
4176
|
-
"direction": "horizontal",
|
|
4177
4332
|
"type": "stack"
|
|
4178
4333
|
},
|
|
4179
4334
|
{
|
|
4180
|
-
"type": "progress-dots",
|
|
4181
4335
|
"count": 3.0,
|
|
4336
|
+
"type": "progress-dots",
|
|
4182
4337
|
"currentIndex": 1.0
|
|
4183
4338
|
},
|
|
4184
4339
|
{
|
|
4340
|
+
"type": "wizard-progress",
|
|
4185
4341
|
"currentStep": 1.0,
|
|
4186
4342
|
"steps": [
|
|
4187
4343
|
"Customer Info",
|
|
4188
4344
|
"Shipping",
|
|
4189
4345
|
"Payment"
|
|
4190
|
-
]
|
|
4191
|
-
"type": "wizard-progress"
|
|
4346
|
+
]
|
|
4192
4347
|
},
|
|
4193
4348
|
{
|
|
4194
4349
|
"type": "divider"
|
|
4195
4350
|
},
|
|
4196
4351
|
{
|
|
4197
|
-
"content": "Shipping",
|
|
4198
4352
|
"variant": "h3",
|
|
4199
|
-
"type": "typography"
|
|
4353
|
+
"type": "typography",
|
|
4354
|
+
"content": "Shipping"
|
|
4200
4355
|
},
|
|
4201
4356
|
{
|
|
4202
|
-
"submitEvent": "NEXT",
|
|
4203
|
-
"cancelEvent": "PREV",
|
|
4204
4357
|
"type": "form-section",
|
|
4358
|
+
"submitEvent": "NEXT",
|
|
4359
|
+
"mode": "create",
|
|
4205
4360
|
"fields": [
|
|
4206
4361
|
"shippingAddress"
|
|
4207
4362
|
],
|
|
4208
|
-
"
|
|
4363
|
+
"cancelEvent": "PREV"
|
|
4209
4364
|
},
|
|
4210
4365
|
{
|
|
4211
|
-
"
|
|
4366
|
+
"justify": "end",
|
|
4367
|
+
"gap": "sm",
|
|
4212
4368
|
"direction": "horizontal",
|
|
4369
|
+
"type": "stack",
|
|
4213
4370
|
"children": [
|
|
4214
4371
|
{
|
|
4215
|
-
"label": "Back",
|
|
4216
4372
|
"icon": "arrow-left",
|
|
4217
|
-
"action": "PREV",
|
|
4218
4373
|
"type": "button",
|
|
4374
|
+
"label": "Back",
|
|
4375
|
+
"action": "PREV",
|
|
4219
4376
|
"variant": "ghost"
|
|
4220
4377
|
},
|
|
4221
4378
|
{
|
|
4222
|
-
"icon": "arrow-right",
|
|
4223
|
-
"type": "button",
|
|
4224
4379
|
"label": "Next",
|
|
4225
4380
|
"variant": "primary",
|
|
4381
|
+
"icon": "arrow-right",
|
|
4382
|
+
"type": "button",
|
|
4226
4383
|
"action": "NEXT"
|
|
4227
4384
|
}
|
|
4228
|
-
]
|
|
4229
|
-
"gap": "sm",
|
|
4230
|
-
"justify": "end"
|
|
4385
|
+
]
|
|
4231
4386
|
}
|
|
4232
4387
|
],
|
|
4233
|
-
"
|
|
4388
|
+
"direction": "vertical",
|
|
4389
|
+
"gap": "lg"
|
|
4234
4390
|
}
|
|
4235
4391
|
],
|
|
4236
4392
|
"type": "container"
|
|
4237
4393
|
}
|
|
4238
|
-
],
|
|
4239
|
-
"appName": "EcommerceApp",
|
|
4240
|
-
"navItems": [
|
|
4241
|
-
{
|
|
4242
|
-
"icon": "package",
|
|
4243
|
-
"href": "/products",
|
|
4244
|
-
"label": "Products"
|
|
4245
|
-
},
|
|
4246
|
-
{
|
|
4247
|
-
"href": "/cart",
|
|
4248
|
-
"label": "Cart",
|
|
4249
|
-
"icon": "shopping-cart"
|
|
4250
|
-
},
|
|
4251
|
-
{
|
|
4252
|
-
"icon": "credit-card",
|
|
4253
|
-
"href": "/checkout",
|
|
4254
|
-
"label": "Checkout"
|
|
4255
|
-
},
|
|
4256
|
-
{
|
|
4257
|
-
"label": "Orders",
|
|
4258
|
-
"icon": "clipboard-list",
|
|
4259
|
-
"href": "/orders"
|
|
4260
|
-
}
|
|
4261
4394
|
]
|
|
4262
4395
|
}
|
|
4263
4396
|
]
|
|
@@ -4282,116 +4415,116 @@
|
|
|
4282
4415
|
"render-ui",
|
|
4283
4416
|
"main",
|
|
4284
4417
|
{
|
|
4418
|
+
"navItems": [
|
|
4419
|
+
{
|
|
4420
|
+
"label": "Products",
|
|
4421
|
+
"href": "/products",
|
|
4422
|
+
"icon": "package"
|
|
4423
|
+
},
|
|
4424
|
+
{
|
|
4425
|
+
"label": "Cart",
|
|
4426
|
+
"href": "/cart",
|
|
4427
|
+
"icon": "shopping-cart"
|
|
4428
|
+
},
|
|
4429
|
+
{
|
|
4430
|
+
"href": "/checkout",
|
|
4431
|
+
"label": "Checkout",
|
|
4432
|
+
"icon": "credit-card"
|
|
4433
|
+
},
|
|
4434
|
+
{
|
|
4435
|
+
"href": "/orders",
|
|
4436
|
+
"icon": "clipboard-list",
|
|
4437
|
+
"label": "Orders"
|
|
4438
|
+
}
|
|
4439
|
+
],
|
|
4285
4440
|
"children": [
|
|
4286
4441
|
{
|
|
4287
4442
|
"type": "container",
|
|
4288
4443
|
"children": [
|
|
4289
4444
|
{
|
|
4290
4445
|
"type": "stack",
|
|
4446
|
+
"direction": "vertical",
|
|
4447
|
+
"gap": "lg",
|
|
4291
4448
|
"children": [
|
|
4292
4449
|
{
|
|
4293
|
-
"align": "center",
|
|
4294
|
-
"gap": "sm",
|
|
4295
4450
|
"type": "stack",
|
|
4296
4451
|
"children": [
|
|
4297
4452
|
{
|
|
4298
|
-
"
|
|
4299
|
-
"
|
|
4453
|
+
"type": "icon",
|
|
4454
|
+
"name": "credit-card"
|
|
4300
4455
|
},
|
|
4301
4456
|
{
|
|
4302
|
-
"type": "typography",
|
|
4303
4457
|
"variant": "h2",
|
|
4458
|
+
"type": "typography",
|
|
4304
4459
|
"content": "Checkout"
|
|
4305
4460
|
}
|
|
4306
4461
|
],
|
|
4307
|
-
"direction": "horizontal"
|
|
4462
|
+
"direction": "horizontal",
|
|
4463
|
+
"gap": "sm",
|
|
4464
|
+
"align": "center"
|
|
4308
4465
|
},
|
|
4309
4466
|
{
|
|
4467
|
+
"count": 3.0,
|
|
4310
4468
|
"currentIndex": 2.0,
|
|
4311
|
-
"type": "progress-dots"
|
|
4312
|
-
"count": 3.0
|
|
4469
|
+
"type": "progress-dots"
|
|
4313
4470
|
},
|
|
4314
4471
|
{
|
|
4315
4472
|
"type": "wizard-progress",
|
|
4473
|
+
"currentStep": 2.0,
|
|
4316
4474
|
"steps": [
|
|
4317
4475
|
"Customer Info",
|
|
4318
4476
|
"Shipping",
|
|
4319
4477
|
"Payment"
|
|
4320
|
-
]
|
|
4321
|
-
"currentStep": 2.0
|
|
4478
|
+
]
|
|
4322
4479
|
},
|
|
4323
4480
|
{
|
|
4324
4481
|
"type": "divider"
|
|
4325
4482
|
},
|
|
4326
4483
|
{
|
|
4327
|
-
"variant": "h3",
|
|
4328
4484
|
"type": "typography",
|
|
4485
|
+
"variant": "h3",
|
|
4329
4486
|
"content": "Payment"
|
|
4330
4487
|
},
|
|
4331
4488
|
{
|
|
4332
|
-
"submitEvent": "NEXT",
|
|
4333
|
-
"cancelEvent": "PREV",
|
|
4334
|
-
"type": "form-section",
|
|
4335
4489
|
"fields": [
|
|
4336
4490
|
"paymentMethod"
|
|
4337
4491
|
],
|
|
4492
|
+
"type": "form-section",
|
|
4493
|
+
"submitEvent": "NEXT",
|
|
4494
|
+
"cancelEvent": "PREV",
|
|
4338
4495
|
"mode": "create"
|
|
4339
4496
|
},
|
|
4340
4497
|
{
|
|
4341
|
-
"gap": "sm",
|
|
4342
|
-
"type": "stack",
|
|
4343
4498
|
"direction": "horizontal",
|
|
4499
|
+
"gap": "sm",
|
|
4344
4500
|
"justify": "end",
|
|
4345
4501
|
"children": [
|
|
4346
4502
|
{
|
|
4347
|
-
"
|
|
4348
|
-
"action": "PREV",
|
|
4349
|
-
"label": "Back",
|
|
4503
|
+
"variant": "ghost",
|
|
4350
4504
|
"type": "button",
|
|
4351
|
-
"
|
|
4505
|
+
"label": "Back",
|
|
4506
|
+
"action": "PREV",
|
|
4507
|
+
"icon": "arrow-left"
|
|
4352
4508
|
},
|
|
4353
4509
|
{
|
|
4354
4510
|
"type": "button",
|
|
4355
|
-
"action": "NEXT",
|
|
4356
4511
|
"label": "Next",
|
|
4512
|
+
"action": "NEXT",
|
|
4357
4513
|
"variant": "primary",
|
|
4358
4514
|
"icon": "arrow-right"
|
|
4359
4515
|
}
|
|
4360
|
-
]
|
|
4516
|
+
],
|
|
4517
|
+
"type": "stack"
|
|
4361
4518
|
}
|
|
4362
|
-
]
|
|
4363
|
-
"gap": "lg",
|
|
4364
|
-
"direction": "vertical"
|
|
4519
|
+
]
|
|
4365
4520
|
}
|
|
4366
4521
|
],
|
|
4367
4522
|
"padding": "lg",
|
|
4368
4523
|
"maxWidth": "lg"
|
|
4369
4524
|
}
|
|
4370
4525
|
],
|
|
4371
|
-
"type": "dashboard-layout",
|
|
4372
4526
|
"appName": "EcommerceApp",
|
|
4373
|
-
"
|
|
4374
|
-
{
|
|
4375
|
-
"href": "/products",
|
|
4376
|
-
"icon": "package",
|
|
4377
|
-
"label": "Products"
|
|
4378
|
-
},
|
|
4379
|
-
{
|
|
4380
|
-
"icon": "shopping-cart",
|
|
4381
|
-
"href": "/cart",
|
|
4382
|
-
"label": "Cart"
|
|
4383
|
-
},
|
|
4384
|
-
{
|
|
4385
|
-
"icon": "credit-card",
|
|
4386
|
-
"label": "Checkout",
|
|
4387
|
-
"href": "/checkout"
|
|
4388
|
-
},
|
|
4389
|
-
{
|
|
4390
|
-
"href": "/orders",
|
|
4391
|
-
"icon": "clipboard-list",
|
|
4392
|
-
"label": "Orders"
|
|
4393
|
-
}
|
|
4394
|
-
]
|
|
4527
|
+
"type": "dashboard-layout"
|
|
4395
4528
|
}
|
|
4396
4529
|
]
|
|
4397
4530
|
]
|
|
@@ -4415,17 +4548,17 @@
|
|
|
4415
4548
|
"render-ui",
|
|
4416
4549
|
"main",
|
|
4417
4550
|
{
|
|
4551
|
+
"type": "dashboard-layout",
|
|
4552
|
+
"appName": "EcommerceApp",
|
|
4418
4553
|
"children": [
|
|
4419
4554
|
{
|
|
4420
|
-
"maxWidth": "lg",
|
|
4421
4555
|
"padding": "lg",
|
|
4422
|
-
"type": "container",
|
|
4423
4556
|
"children": [
|
|
4424
4557
|
{
|
|
4558
|
+
"type": "stack",
|
|
4559
|
+
"direction": "vertical",
|
|
4425
4560
|
"children": [
|
|
4426
4561
|
{
|
|
4427
|
-
"direction": "horizontal",
|
|
4428
|
-
"gap": "sm",
|
|
4429
4562
|
"type": "stack",
|
|
4430
4563
|
"align": "center",
|
|
4431
4564
|
"children": [
|
|
@@ -4434,72 +4567,74 @@
|
|
|
4434
4567
|
"name": "credit-card"
|
|
4435
4568
|
},
|
|
4436
4569
|
{
|
|
4437
|
-
"content": "Checkout",
|
|
4438
4570
|
"variant": "h2",
|
|
4571
|
+
"content": "Checkout",
|
|
4439
4572
|
"type": "typography"
|
|
4440
4573
|
}
|
|
4441
|
-
]
|
|
4574
|
+
],
|
|
4575
|
+
"gap": "sm",
|
|
4576
|
+
"direction": "horizontal"
|
|
4442
4577
|
},
|
|
4443
4578
|
{
|
|
4444
4579
|
"count": 3.0,
|
|
4445
|
-
"
|
|
4446
|
-
"
|
|
4580
|
+
"type": "progress-dots",
|
|
4581
|
+
"currentIndex": 0.0
|
|
4447
4582
|
},
|
|
4448
4583
|
{
|
|
4449
|
-
"
|
|
4584
|
+
"type": "wizard-progress",
|
|
4450
4585
|
"steps": [
|
|
4451
4586
|
"Customer Info",
|
|
4452
4587
|
"Shipping",
|
|
4453
4588
|
"Payment"
|
|
4454
4589
|
],
|
|
4455
|
-
"
|
|
4590
|
+
"currentStep": 0.0
|
|
4456
4591
|
},
|
|
4457
4592
|
{
|
|
4458
4593
|
"type": "divider"
|
|
4459
4594
|
},
|
|
4460
4595
|
{
|
|
4461
|
-
"type": "typography",
|
|
4462
4596
|
"content": "Customer Info",
|
|
4463
|
-
"variant": "h3"
|
|
4597
|
+
"variant": "h3",
|
|
4598
|
+
"type": "typography"
|
|
4464
4599
|
},
|
|
4465
4600
|
{
|
|
4601
|
+
"cancelEvent": "INIT",
|
|
4466
4602
|
"fields": [
|
|
4467
4603
|
"customerName",
|
|
4468
4604
|
"email"
|
|
4469
4605
|
],
|
|
4470
|
-
"submitEvent": "NEXT",
|
|
4471
|
-
"mode": "create",
|
|
4472
4606
|
"type": "form-section",
|
|
4473
|
-
"
|
|
4607
|
+
"submitEvent": "NEXT",
|
|
4608
|
+
"mode": "create"
|
|
4474
4609
|
},
|
|
4475
4610
|
{
|
|
4476
4611
|
"justify": "end",
|
|
4477
4612
|
"gap": "sm",
|
|
4478
4613
|
"direction": "horizontal",
|
|
4614
|
+
"type": "stack",
|
|
4479
4615
|
"children": [
|
|
4480
4616
|
{
|
|
4481
4617
|
"type": "button",
|
|
4482
4618
|
"variant": "primary",
|
|
4483
|
-
"label": "Next",
|
|
4484
4619
|
"action": "NEXT",
|
|
4485
|
-
"icon": "arrow-right"
|
|
4620
|
+
"icon": "arrow-right",
|
|
4621
|
+
"label": "Next"
|
|
4486
4622
|
}
|
|
4487
|
-
]
|
|
4488
|
-
"type": "stack"
|
|
4623
|
+
]
|
|
4489
4624
|
}
|
|
4490
4625
|
],
|
|
4491
|
-
"type": "stack",
|
|
4492
|
-
"direction": "vertical",
|
|
4493
4626
|
"gap": "lg"
|
|
4494
4627
|
}
|
|
4495
|
-
]
|
|
4628
|
+
],
|
|
4629
|
+
"maxWidth": "lg",
|
|
4630
|
+
"type": "container"
|
|
4496
4631
|
}
|
|
4497
4632
|
],
|
|
4498
4633
|
"navItems": [
|
|
4499
4634
|
{
|
|
4635
|
+
"href": "/products",
|
|
4500
4636
|
"icon": "package",
|
|
4501
|
-
"label": "Products"
|
|
4502
|
-
"href": "/products"
|
|
4637
|
+
"label": "Products"
|
|
4503
4638
|
},
|
|
4504
4639
|
{
|
|
4505
4640
|
"label": "Cart",
|
|
@@ -4507,8 +4642,8 @@
|
|
|
4507
4642
|
"icon": "shopping-cart"
|
|
4508
4643
|
},
|
|
4509
4644
|
{
|
|
4510
|
-
"label": "Checkout",
|
|
4511
4645
|
"icon": "credit-card",
|
|
4646
|
+
"label": "Checkout",
|
|
4512
4647
|
"href": "/checkout"
|
|
4513
4648
|
},
|
|
4514
4649
|
{
|
|
@@ -4516,9 +4651,7 @@
|
|
|
4516
4651
|
"href": "/orders",
|
|
4517
4652
|
"icon": "clipboard-list"
|
|
4518
4653
|
}
|
|
4519
|
-
]
|
|
4520
|
-
"appName": "EcommerceApp",
|
|
4521
|
-
"type": "dashboard-layout"
|
|
4654
|
+
]
|
|
4522
4655
|
}
|
|
4523
4656
|
]
|
|
4524
4657
|
]
|
|
@@ -4533,8 +4666,8 @@
|
|
|
4533
4666
|
"Checkout",
|
|
4534
4667
|
{
|
|
4535
4668
|
"emit": {
|
|
4536
|
-
"
|
|
4537
|
-
"
|
|
4669
|
+
"success": "CheckoutLoaded",
|
|
4670
|
+
"failure": "CheckoutLoadFailed"
|
|
4538
4671
|
}
|
|
4539
4672
|
}
|
|
4540
4673
|
],
|
|
@@ -4544,192 +4677,192 @@
|
|
|
4544
4677
|
{
|
|
4545
4678
|
"type": "dashboard-layout",
|
|
4546
4679
|
"appName": "EcommerceApp",
|
|
4547
|
-
"navItems": [
|
|
4548
|
-
{
|
|
4549
|
-
"icon": "package",
|
|
4550
|
-
"label": "Products",
|
|
4551
|
-
"href": "/products"
|
|
4552
|
-
},
|
|
4553
|
-
{
|
|
4554
|
-
"href": "/cart",
|
|
4555
|
-
"label": "Cart",
|
|
4556
|
-
"icon": "shopping-cart"
|
|
4557
|
-
},
|
|
4558
|
-
{
|
|
4559
|
-
"href": "/checkout",
|
|
4560
|
-
"label": "Checkout",
|
|
4561
|
-
"icon": "credit-card"
|
|
4562
|
-
},
|
|
4563
|
-
{
|
|
4564
|
-
"icon": "clipboard-list",
|
|
4565
|
-
"label": "Orders",
|
|
4566
|
-
"href": "/orders"
|
|
4567
|
-
}
|
|
4568
|
-
],
|
|
4569
4680
|
"children": [
|
|
4570
4681
|
{
|
|
4571
|
-
"gap": "lg",
|
|
4572
4682
|
"type": "stack",
|
|
4683
|
+
"gap": "lg",
|
|
4573
4684
|
"direction": "vertical",
|
|
4574
4685
|
"children": [
|
|
4575
4686
|
{
|
|
4576
|
-
"type": "stack",
|
|
4577
4687
|
"align": "center",
|
|
4578
|
-
"gap": "sm",
|
|
4579
4688
|
"children": [
|
|
4580
4689
|
{
|
|
4581
4690
|
"type": "icon",
|
|
4582
4691
|
"name": "credit-card"
|
|
4583
4692
|
},
|
|
4584
4693
|
{
|
|
4694
|
+
"variant": "h2",
|
|
4585
4695
|
"type": "typography",
|
|
4586
|
-
"content": "Checkout"
|
|
4587
|
-
"variant": "h2"
|
|
4696
|
+
"content": "Checkout"
|
|
4588
4697
|
}
|
|
4589
4698
|
],
|
|
4590
|
-
"
|
|
4699
|
+
"type": "stack",
|
|
4700
|
+
"direction": "horizontal",
|
|
4701
|
+
"gap": "sm"
|
|
4591
4702
|
},
|
|
4592
4703
|
{
|
|
4593
4704
|
"type": "badge",
|
|
4594
4705
|
"label": "Review"
|
|
4595
4706
|
},
|
|
4596
4707
|
{
|
|
4708
|
+
"type": "wizard-progress",
|
|
4597
4709
|
"steps": [
|
|
4598
4710
|
"Customer Info",
|
|
4599
4711
|
"Shipping",
|
|
4600
4712
|
"Payment"
|
|
4601
4713
|
],
|
|
4602
|
-
"type": "wizard-progress",
|
|
4603
4714
|
"currentStep": 3.0
|
|
4604
4715
|
},
|
|
4605
4716
|
{
|
|
4606
4717
|
"type": "divider"
|
|
4607
4718
|
},
|
|
4608
4719
|
{
|
|
4609
|
-
"type": "stack",
|
|
4610
|
-
"direction": "vertical",
|
|
4611
4720
|
"gap": "sm",
|
|
4721
|
+
"direction": "vertical",
|
|
4722
|
+
"type": "stack",
|
|
4612
4723
|
"children": [
|
|
4613
4724
|
{
|
|
4614
4725
|
"justify": "between",
|
|
4615
|
-
"
|
|
4726
|
+
"type": "stack",
|
|
4616
4727
|
"gap": "md",
|
|
4617
4728
|
"children": [
|
|
4618
4729
|
{
|
|
4730
|
+
"type": "typography",
|
|
4619
4731
|
"variant": "caption",
|
|
4620
|
-
"content": "Customer Name"
|
|
4621
|
-
"type": "typography"
|
|
4732
|
+
"content": "Customer Name"
|
|
4622
4733
|
},
|
|
4623
4734
|
{
|
|
4624
|
-
"variant": "body",
|
|
4625
4735
|
"type": "typography",
|
|
4626
|
-
"content": "@entity.customerName"
|
|
4736
|
+
"content": "@entity.customerName",
|
|
4737
|
+
"variant": "body"
|
|
4627
4738
|
}
|
|
4628
4739
|
],
|
|
4629
|
-
"
|
|
4740
|
+
"direction": "horizontal"
|
|
4630
4741
|
},
|
|
4631
4742
|
{
|
|
4632
4743
|
"type": "stack",
|
|
4633
|
-
"direction": "horizontal",
|
|
4634
4744
|
"gap": "md",
|
|
4745
|
+
"direction": "horizontal",
|
|
4635
4746
|
"justify": "between",
|
|
4636
4747
|
"children": [
|
|
4637
4748
|
{
|
|
4638
|
-
"
|
|
4749
|
+
"variant": "caption",
|
|
4639
4750
|
"content": "Email",
|
|
4640
|
-
"
|
|
4751
|
+
"type": "typography"
|
|
4641
4752
|
},
|
|
4642
4753
|
{
|
|
4754
|
+
"type": "typography",
|
|
4643
4755
|
"variant": "body",
|
|
4644
|
-
"content": "@entity.email"
|
|
4645
|
-
"type": "typography"
|
|
4756
|
+
"content": "@entity.email"
|
|
4646
4757
|
}
|
|
4647
4758
|
]
|
|
4648
4759
|
},
|
|
4649
4760
|
{
|
|
4650
|
-
"type": "stack",
|
|
4651
|
-
"direction": "horizontal",
|
|
4652
|
-
"gap": "md",
|
|
4653
|
-
"justify": "between",
|
|
4654
4761
|
"children": [
|
|
4655
4762
|
{
|
|
4656
|
-
"
|
|
4763
|
+
"variant": "caption",
|
|
4657
4764
|
"type": "typography",
|
|
4658
|
-
"
|
|
4765
|
+
"content": "Shipping Address"
|
|
4659
4766
|
},
|
|
4660
4767
|
{
|
|
4661
4768
|
"type": "typography",
|
|
4662
|
-
"
|
|
4663
|
-
"
|
|
4769
|
+
"variant": "body",
|
|
4770
|
+
"content": "@entity.shippingAddress"
|
|
4664
4771
|
}
|
|
4665
|
-
]
|
|
4772
|
+
],
|
|
4773
|
+
"direction": "horizontal",
|
|
4774
|
+
"type": "stack",
|
|
4775
|
+
"gap": "md",
|
|
4776
|
+
"justify": "between"
|
|
4666
4777
|
},
|
|
4667
4778
|
{
|
|
4779
|
+
"justify": "between",
|
|
4668
4780
|
"gap": "md",
|
|
4781
|
+
"direction": "horizontal",
|
|
4669
4782
|
"children": [
|
|
4670
4783
|
{
|
|
4784
|
+
"type": "typography",
|
|
4671
4785
|
"variant": "caption",
|
|
4672
|
-
"content": "Payment Method"
|
|
4673
|
-
"type": "typography"
|
|
4786
|
+
"content": "Payment Method"
|
|
4674
4787
|
},
|
|
4675
4788
|
{
|
|
4676
|
-
"content": "@entity.paymentMethod",
|
|
4677
4789
|
"type": "typography",
|
|
4790
|
+
"content": "@entity.paymentMethod",
|
|
4678
4791
|
"variant": "body"
|
|
4679
4792
|
}
|
|
4680
4793
|
],
|
|
4681
|
-
"type": "stack"
|
|
4682
|
-
"justify": "between",
|
|
4683
|
-
"direction": "horizontal"
|
|
4794
|
+
"type": "stack"
|
|
4684
4795
|
},
|
|
4685
4796
|
{
|
|
4797
|
+
"gap": "md",
|
|
4686
4798
|
"justify": "between",
|
|
4799
|
+
"direction": "horizontal",
|
|
4800
|
+
"type": "stack",
|
|
4687
4801
|
"children": [
|
|
4688
4802
|
{
|
|
4803
|
+
"variant": "caption",
|
|
4689
4804
|
"content": "Order Total",
|
|
4690
|
-
"type": "typography"
|
|
4691
|
-
"variant": "caption"
|
|
4805
|
+
"type": "typography"
|
|
4692
4806
|
},
|
|
4693
4807
|
{
|
|
4694
|
-
"type": "typography",
|
|
4695
4808
|
"variant": "body",
|
|
4696
|
-
"content": "@entity.orderTotal"
|
|
4809
|
+
"content": "@entity.orderTotal",
|
|
4810
|
+
"type": "typography"
|
|
4697
4811
|
}
|
|
4698
|
-
]
|
|
4699
|
-
"direction": "horizontal",
|
|
4700
|
-
"gap": "md",
|
|
4701
|
-
"type": "stack"
|
|
4812
|
+
]
|
|
4702
4813
|
},
|
|
4703
4814
|
{
|
|
4704
|
-
"direction": "horizontal",
|
|
4705
|
-
"justify": "between",
|
|
4706
4815
|
"children": [
|
|
4707
4816
|
{
|
|
4708
|
-
"
|
|
4817
|
+
"type": "typography",
|
|
4709
4818
|
"variant": "caption",
|
|
4710
|
-
"
|
|
4819
|
+
"content": "Status"
|
|
4711
4820
|
},
|
|
4712
4821
|
{
|
|
4713
|
-
"variant": "body",
|
|
4714
4822
|
"content": "@entity.status",
|
|
4715
|
-
"type": "typography"
|
|
4823
|
+
"type": "typography",
|
|
4824
|
+
"variant": "body"
|
|
4716
4825
|
}
|
|
4717
4826
|
],
|
|
4718
4827
|
"gap": "md",
|
|
4719
|
-
"type": "stack"
|
|
4828
|
+
"type": "stack",
|
|
4829
|
+
"direction": "horizontal",
|
|
4830
|
+
"justify": "between"
|
|
4720
4831
|
}
|
|
4721
4832
|
]
|
|
4722
4833
|
},
|
|
4723
4834
|
{
|
|
4724
|
-
"
|
|
4725
|
-
"showNext": false,
|
|
4835
|
+
"showBack": true,
|
|
4726
4836
|
"type": "wizard-navigation",
|
|
4727
|
-
"
|
|
4837
|
+
"showComplete": true,
|
|
4728
4838
|
"totalSteps": 4.0,
|
|
4729
|
-
"
|
|
4839
|
+
"currentStep": 3.0,
|
|
4840
|
+
"showNext": false
|
|
4730
4841
|
}
|
|
4731
4842
|
]
|
|
4732
4843
|
}
|
|
4844
|
+
],
|
|
4845
|
+
"navItems": [
|
|
4846
|
+
{
|
|
4847
|
+
"label": "Products",
|
|
4848
|
+
"href": "/products",
|
|
4849
|
+
"icon": "package"
|
|
4850
|
+
},
|
|
4851
|
+
{
|
|
4852
|
+
"label": "Cart",
|
|
4853
|
+
"href": "/cart",
|
|
4854
|
+
"icon": "shopping-cart"
|
|
4855
|
+
},
|
|
4856
|
+
{
|
|
4857
|
+
"label": "Checkout",
|
|
4858
|
+
"href": "/checkout",
|
|
4859
|
+
"icon": "credit-card"
|
|
4860
|
+
},
|
|
4861
|
+
{
|
|
4862
|
+
"href": "/orders",
|
|
4863
|
+
"icon": "clipboard-list",
|
|
4864
|
+
"label": "Orders"
|
|
4865
|
+
}
|
|
4733
4866
|
]
|
|
4734
4867
|
}
|
|
4735
4868
|
]
|
|
@@ -4745,8 +4878,8 @@
|
|
|
4745
4878
|
"Checkout",
|
|
4746
4879
|
{
|
|
4747
4880
|
"emit": {
|
|
4748
|
-
"
|
|
4749
|
-
"
|
|
4881
|
+
"failure": "CheckoutLoadFailed",
|
|
4882
|
+
"success": "CheckoutLoaded"
|
|
4750
4883
|
}
|
|
4751
4884
|
}
|
|
4752
4885
|
],
|
|
@@ -4754,45 +4887,45 @@
|
|
|
4754
4887
|
"render-ui",
|
|
4755
4888
|
"main",
|
|
4756
4889
|
{
|
|
4890
|
+
"appName": "EcommerceApp",
|
|
4757
4891
|
"type": "dashboard-layout",
|
|
4758
4892
|
"children": [
|
|
4759
4893
|
{
|
|
4894
|
+
"type": "container",
|
|
4760
4895
|
"children": [
|
|
4761
4896
|
{
|
|
4762
|
-
"direction": "vertical",
|
|
4763
|
-
"type": "stack",
|
|
4764
4897
|
"gap": "lg",
|
|
4765
4898
|
"children": [
|
|
4766
4899
|
{
|
|
4767
4900
|
"type": "stack",
|
|
4768
|
-
"
|
|
4901
|
+
"align": "center",
|
|
4769
4902
|
"children": [
|
|
4770
4903
|
{
|
|
4771
|
-
"
|
|
4772
|
-
"
|
|
4904
|
+
"type": "icon",
|
|
4905
|
+
"name": "credit-card"
|
|
4773
4906
|
},
|
|
4774
4907
|
{
|
|
4908
|
+
"variant": "h2",
|
|
4775
4909
|
"type": "typography",
|
|
4776
|
-
"content": "Checkout"
|
|
4777
|
-
"variant": "h2"
|
|
4910
|
+
"content": "Checkout"
|
|
4778
4911
|
}
|
|
4779
4912
|
],
|
|
4780
|
-
"
|
|
4781
|
-
"
|
|
4913
|
+
"direction": "horizontal",
|
|
4914
|
+
"gap": "sm"
|
|
4782
4915
|
},
|
|
4783
4916
|
{
|
|
4917
|
+
"currentIndex": 1.0,
|
|
4784
4918
|
"type": "progress-dots",
|
|
4785
|
-
"count": 3.0
|
|
4786
|
-
"currentIndex": 1.0
|
|
4919
|
+
"count": 3.0
|
|
4787
4920
|
},
|
|
4788
4921
|
{
|
|
4789
|
-
"currentStep": 1.0,
|
|
4790
|
-
"type": "wizard-progress",
|
|
4791
4922
|
"steps": [
|
|
4792
4923
|
"Customer Info",
|
|
4793
4924
|
"Shipping",
|
|
4794
4925
|
"Payment"
|
|
4795
|
-
]
|
|
4926
|
+
],
|
|
4927
|
+
"currentStep": 1.0,
|
|
4928
|
+
"type": "wizard-progress"
|
|
4796
4929
|
},
|
|
4797
4930
|
{
|
|
4798
4931
|
"type": "divider"
|
|
@@ -4803,55 +4936,55 @@
|
|
|
4803
4936
|
"variant": "h3"
|
|
4804
4937
|
},
|
|
4805
4938
|
{
|
|
4806
|
-
"submitEvent": "NEXT",
|
|
4807
|
-
"type": "form-section",
|
|
4808
|
-
"cancelEvent": "PREV",
|
|
4809
4939
|
"fields": [
|
|
4810
4940
|
"shippingAddress"
|
|
4811
4941
|
],
|
|
4812
|
-
"mode": "create"
|
|
4942
|
+
"mode": "create",
|
|
4943
|
+
"cancelEvent": "PREV",
|
|
4944
|
+
"type": "form-section",
|
|
4945
|
+
"submitEvent": "NEXT"
|
|
4813
4946
|
},
|
|
4814
4947
|
{
|
|
4948
|
+
"justify": "end",
|
|
4815
4949
|
"direction": "horizontal",
|
|
4816
4950
|
"gap": "sm",
|
|
4951
|
+
"type": "stack",
|
|
4817
4952
|
"children": [
|
|
4818
4953
|
{
|
|
4819
|
-
"type": "button",
|
|
4820
|
-
"action": "PREV",
|
|
4821
4954
|
"label": "Back",
|
|
4955
|
+
"action": "PREV",
|
|
4822
4956
|
"variant": "ghost",
|
|
4957
|
+
"type": "button",
|
|
4823
4958
|
"icon": "arrow-left"
|
|
4824
4959
|
},
|
|
4825
4960
|
{
|
|
4826
|
-
"type": "button",
|
|
4827
4961
|
"icon": "arrow-right",
|
|
4828
4962
|
"variant": "primary",
|
|
4829
4963
|
"label": "Next",
|
|
4830
|
-
"action": "NEXT"
|
|
4964
|
+
"action": "NEXT",
|
|
4965
|
+
"type": "button"
|
|
4831
4966
|
}
|
|
4832
|
-
]
|
|
4833
|
-
"justify": "end",
|
|
4834
|
-
"type": "stack"
|
|
4967
|
+
]
|
|
4835
4968
|
}
|
|
4836
|
-
]
|
|
4969
|
+
],
|
|
4970
|
+
"direction": "vertical",
|
|
4971
|
+
"type": "stack"
|
|
4837
4972
|
}
|
|
4838
4973
|
],
|
|
4839
|
-
"
|
|
4840
|
-
"maxWidth": "lg"
|
|
4841
|
-
"padding": "lg"
|
|
4974
|
+
"padding": "lg",
|
|
4975
|
+
"maxWidth": "lg"
|
|
4842
4976
|
}
|
|
4843
4977
|
],
|
|
4844
|
-
"appName": "EcommerceApp",
|
|
4845
4978
|
"navItems": [
|
|
4846
4979
|
{
|
|
4847
|
-
"
|
|
4980
|
+
"href": "/products",
|
|
4848
4981
|
"icon": "package",
|
|
4849
|
-
"
|
|
4982
|
+
"label": "Products"
|
|
4850
4983
|
},
|
|
4851
4984
|
{
|
|
4852
|
-
"
|
|
4985
|
+
"icon": "shopping-cart",
|
|
4853
4986
|
"href": "/cart",
|
|
4854
|
-
"
|
|
4987
|
+
"label": "Cart"
|
|
4855
4988
|
},
|
|
4856
4989
|
{
|
|
4857
4990
|
"label": "Checkout",
|
|
@@ -4859,9 +4992,9 @@
|
|
|
4859
4992
|
"icon": "credit-card"
|
|
4860
4993
|
},
|
|
4861
4994
|
{
|
|
4862
|
-
"href": "/orders",
|
|
4863
4995
|
"icon": "clipboard-list",
|
|
4864
|
-
"label": "Orders"
|
|
4996
|
+
"label": "Orders",
|
|
4997
|
+
"href": "/orders"
|
|
4865
4998
|
}
|
|
4866
4999
|
]
|
|
4867
5000
|
}
|
|
@@ -4878,8 +5011,8 @@
|
|
|
4878
5011
|
"Checkout",
|
|
4879
5012
|
{
|
|
4880
5013
|
"emit": {
|
|
4881
|
-
"
|
|
4882
|
-
"
|
|
5014
|
+
"failure": "CheckoutLoadFailed",
|
|
5015
|
+
"success": "CheckoutLoaded"
|
|
4883
5016
|
}
|
|
4884
5017
|
}
|
|
4885
5018
|
],
|
|
@@ -4887,114 +5020,114 @@
|
|
|
4887
5020
|
"render-ui",
|
|
4888
5021
|
"main",
|
|
4889
5022
|
{
|
|
4890
|
-
"appName": "EcommerceApp",
|
|
4891
|
-
"navItems": [
|
|
4892
|
-
{
|
|
4893
|
-
"href": "/products",
|
|
4894
|
-
"icon": "package",
|
|
4895
|
-
"label": "Products"
|
|
4896
|
-
},
|
|
4897
|
-
{
|
|
4898
|
-
"href": "/cart",
|
|
4899
|
-
"icon": "shopping-cart",
|
|
4900
|
-
"label": "Cart"
|
|
4901
|
-
},
|
|
4902
|
-
{
|
|
4903
|
-
"href": "/checkout",
|
|
4904
|
-
"icon": "credit-card",
|
|
4905
|
-
"label": "Checkout"
|
|
4906
|
-
},
|
|
4907
|
-
{
|
|
4908
|
-
"label": "Orders",
|
|
4909
|
-
"icon": "clipboard-list",
|
|
4910
|
-
"href": "/orders"
|
|
4911
|
-
}
|
|
4912
|
-
],
|
|
4913
5023
|
"type": "dashboard-layout",
|
|
4914
5024
|
"children": [
|
|
4915
5025
|
{
|
|
4916
|
-
"
|
|
5026
|
+
"type": "container",
|
|
4917
5027
|
"children": [
|
|
4918
5028
|
{
|
|
4919
|
-
"
|
|
5029
|
+
"gap": "lg",
|
|
4920
5030
|
"children": [
|
|
4921
5031
|
{
|
|
4922
|
-
"gap": "sm",
|
|
4923
|
-
"direction": "horizontal",
|
|
4924
|
-
"type": "stack",
|
|
4925
5032
|
"align": "center",
|
|
5033
|
+
"gap": "sm",
|
|
4926
5034
|
"children": [
|
|
4927
5035
|
{
|
|
4928
|
-
"
|
|
4929
|
-
"
|
|
5036
|
+
"type": "icon",
|
|
5037
|
+
"name": "credit-card"
|
|
4930
5038
|
},
|
|
4931
5039
|
{
|
|
4932
|
-
"type": "typography",
|
|
4933
5040
|
"content": "Checkout",
|
|
4934
|
-
"variant": "h2"
|
|
5041
|
+
"variant": "h2",
|
|
5042
|
+
"type": "typography"
|
|
4935
5043
|
}
|
|
4936
|
-
]
|
|
5044
|
+
],
|
|
5045
|
+
"type": "stack",
|
|
5046
|
+
"direction": "horizontal"
|
|
4937
5047
|
},
|
|
4938
5048
|
{
|
|
5049
|
+
"type": "progress-dots",
|
|
4939
5050
|
"count": 3.0,
|
|
4940
|
-
"currentIndex": 2.0
|
|
4941
|
-
"type": "progress-dots"
|
|
5051
|
+
"currentIndex": 2.0
|
|
4942
5052
|
},
|
|
4943
5053
|
{
|
|
5054
|
+
"type": "wizard-progress",
|
|
4944
5055
|
"currentStep": 2.0,
|
|
4945
5056
|
"steps": [
|
|
4946
5057
|
"Customer Info",
|
|
4947
5058
|
"Shipping",
|
|
4948
5059
|
"Payment"
|
|
4949
|
-
]
|
|
4950
|
-
"type": "wizard-progress"
|
|
5060
|
+
]
|
|
4951
5061
|
},
|
|
4952
5062
|
{
|
|
4953
5063
|
"type": "divider"
|
|
4954
5064
|
},
|
|
4955
5065
|
{
|
|
4956
5066
|
"type": "typography",
|
|
4957
|
-
"
|
|
4958
|
-
"
|
|
5067
|
+
"content": "Payment",
|
|
5068
|
+
"variant": "h3"
|
|
4959
5069
|
},
|
|
4960
5070
|
{
|
|
5071
|
+
"submitEvent": "NEXT",
|
|
4961
5072
|
"mode": "create",
|
|
4962
|
-
"
|
|
5073
|
+
"cancelEvent": "PREV",
|
|
4963
5074
|
"fields": [
|
|
4964
5075
|
"paymentMethod"
|
|
4965
5076
|
],
|
|
4966
|
-
"
|
|
4967
|
-
"submitEvent": "NEXT"
|
|
5077
|
+
"type": "form-section"
|
|
4968
5078
|
},
|
|
4969
5079
|
{
|
|
4970
5080
|
"children": [
|
|
4971
5081
|
{
|
|
5082
|
+
"type": "button",
|
|
4972
5083
|
"label": "Back",
|
|
4973
|
-
"variant": "ghost",
|
|
4974
5084
|
"icon": "arrow-left",
|
|
4975
|
-
"
|
|
5085
|
+
"variant": "ghost",
|
|
4976
5086
|
"action": "PREV"
|
|
4977
5087
|
},
|
|
4978
5088
|
{
|
|
4979
|
-
"
|
|
5089
|
+
"type": "button",
|
|
4980
5090
|
"action": "NEXT",
|
|
4981
5091
|
"variant": "primary",
|
|
4982
|
-
"
|
|
4983
|
-
"
|
|
5092
|
+
"icon": "arrow-right",
|
|
5093
|
+
"label": "Next"
|
|
4984
5094
|
}
|
|
4985
5095
|
],
|
|
4986
5096
|
"direction": "horizontal",
|
|
4987
5097
|
"type": "stack",
|
|
4988
|
-
"
|
|
4989
|
-
"
|
|
5098
|
+
"gap": "sm",
|
|
5099
|
+
"justify": "end"
|
|
4990
5100
|
}
|
|
4991
5101
|
],
|
|
4992
5102
|
"direction": "vertical",
|
|
4993
|
-
"
|
|
5103
|
+
"type": "stack"
|
|
4994
5104
|
}
|
|
4995
5105
|
],
|
|
4996
5106
|
"padding": "lg",
|
|
4997
|
-
"
|
|
5107
|
+
"maxWidth": "lg"
|
|
5108
|
+
}
|
|
5109
|
+
],
|
|
5110
|
+
"appName": "EcommerceApp",
|
|
5111
|
+
"navItems": [
|
|
5112
|
+
{
|
|
5113
|
+
"icon": "package",
|
|
5114
|
+
"href": "/products",
|
|
5115
|
+
"label": "Products"
|
|
5116
|
+
},
|
|
5117
|
+
{
|
|
5118
|
+
"label": "Cart",
|
|
5119
|
+
"icon": "shopping-cart",
|
|
5120
|
+
"href": "/cart"
|
|
5121
|
+
},
|
|
5122
|
+
{
|
|
5123
|
+
"label": "Checkout",
|
|
5124
|
+
"href": "/checkout",
|
|
5125
|
+
"icon": "credit-card"
|
|
5126
|
+
},
|
|
5127
|
+
{
|
|
5128
|
+
"href": "/orders",
|
|
5129
|
+
"label": "Orders",
|
|
5130
|
+
"icon": "clipboard-list"
|
|
4998
5131
|
}
|
|
4999
5132
|
]
|
|
5000
5133
|
}
|
|
@@ -5028,60 +5161,60 @@
|
|
|
5028
5161
|
"main",
|
|
5029
5162
|
{
|
|
5030
5163
|
"type": "dashboard-layout",
|
|
5031
|
-
"appName": "EcommerceApp",
|
|
5032
5164
|
"navItems": [
|
|
5033
5165
|
{
|
|
5166
|
+
"label": "Products",
|
|
5034
5167
|
"href": "/products",
|
|
5035
|
-
"icon": "package"
|
|
5036
|
-
"label": "Products"
|
|
5168
|
+
"icon": "package"
|
|
5037
5169
|
},
|
|
5038
5170
|
{
|
|
5039
|
-
"label": "Cart",
|
|
5040
5171
|
"href": "/cart",
|
|
5041
|
-
"icon": "shopping-cart"
|
|
5172
|
+
"icon": "shopping-cart",
|
|
5173
|
+
"label": "Cart"
|
|
5042
5174
|
},
|
|
5043
5175
|
{
|
|
5176
|
+
"icon": "credit-card",
|
|
5044
5177
|
"label": "Checkout",
|
|
5045
|
-
"href": "/checkout"
|
|
5046
|
-
"icon": "credit-card"
|
|
5178
|
+
"href": "/checkout"
|
|
5047
5179
|
},
|
|
5048
5180
|
{
|
|
5181
|
+
"label": "Orders",
|
|
5049
5182
|
"href": "/orders",
|
|
5050
|
-
"icon": "clipboard-list"
|
|
5051
|
-
"label": "Orders"
|
|
5183
|
+
"icon": "clipboard-list"
|
|
5052
5184
|
}
|
|
5053
5185
|
],
|
|
5054
5186
|
"children": [
|
|
5055
5187
|
{
|
|
5188
|
+
"gap": "lg",
|
|
5189
|
+
"type": "stack",
|
|
5190
|
+
"align": "center",
|
|
5056
5191
|
"children": [
|
|
5057
5192
|
{
|
|
5058
|
-
"
|
|
5059
|
-
"
|
|
5193
|
+
"type": "icon",
|
|
5194
|
+
"name": "check-circle"
|
|
5060
5195
|
},
|
|
5061
5196
|
{
|
|
5197
|
+
"variant": "h2",
|
|
5062
5198
|
"type": "typography",
|
|
5063
|
-
"content": "Order Placed"
|
|
5064
|
-
"variant": "h2"
|
|
5199
|
+
"content": "Order Placed"
|
|
5065
5200
|
},
|
|
5066
5201
|
{
|
|
5067
|
-
"variant": "body",
|
|
5068
5202
|
"content": "Your order has been placed successfully.",
|
|
5069
|
-
"type": "typography"
|
|
5203
|
+
"type": "typography",
|
|
5204
|
+
"variant": "body"
|
|
5070
5205
|
},
|
|
5071
5206
|
{
|
|
5072
|
-
"icon": "refresh-cw",
|
|
5073
|
-
"label": "Start New",
|
|
5074
|
-
"type": "button",
|
|
5075
5207
|
"variant": "primary",
|
|
5076
|
-
"
|
|
5208
|
+
"type": "button",
|
|
5209
|
+
"action": "RESTART",
|
|
5210
|
+
"label": "Start New",
|
|
5211
|
+
"icon": "refresh-cw"
|
|
5077
5212
|
}
|
|
5078
5213
|
],
|
|
5079
|
-
"direction": "vertical"
|
|
5080
|
-
"align": "center",
|
|
5081
|
-
"gap": "lg",
|
|
5082
|
-
"type": "stack"
|
|
5214
|
+
"direction": "vertical"
|
|
5083
5215
|
}
|
|
5084
|
-
]
|
|
5216
|
+
],
|
|
5217
|
+
"appName": "EcommerceApp"
|
|
5085
5218
|
}
|
|
5086
5219
|
]
|
|
5087
5220
|
]
|
|
@@ -5096,8 +5229,8 @@
|
|
|
5096
5229
|
"Checkout",
|
|
5097
5230
|
{
|
|
5098
5231
|
"emit": {
|
|
5099
|
-
"
|
|
5100
|
-
"
|
|
5232
|
+
"failure": "CheckoutLoadFailed",
|
|
5233
|
+
"success": "CheckoutLoaded"
|
|
5101
5234
|
}
|
|
5102
5235
|
}
|
|
5103
5236
|
],
|
|
@@ -5105,108 +5238,108 @@
|
|
|
5105
5238
|
"render-ui",
|
|
5106
5239
|
"main",
|
|
5107
5240
|
{
|
|
5241
|
+
"type": "dashboard-layout",
|
|
5108
5242
|
"children": [
|
|
5109
5243
|
{
|
|
5244
|
+
"type": "container",
|
|
5110
5245
|
"maxWidth": "lg",
|
|
5111
|
-
"padding": "lg",
|
|
5112
5246
|
"children": [
|
|
5113
5247
|
{
|
|
5248
|
+
"direction": "vertical",
|
|
5114
5249
|
"gap": "lg",
|
|
5115
5250
|
"children": [
|
|
5116
5251
|
{
|
|
5117
|
-
"direction": "horizontal",
|
|
5118
5252
|
"type": "stack",
|
|
5119
|
-
"gap": "sm",
|
|
5120
|
-
"align": "center",
|
|
5121
5253
|
"children": [
|
|
5122
5254
|
{
|
|
5123
5255
|
"name": "credit-card",
|
|
5124
5256
|
"type": "icon"
|
|
5125
5257
|
},
|
|
5126
5258
|
{
|
|
5259
|
+
"content": "Checkout",
|
|
5127
5260
|
"variant": "h2",
|
|
5128
|
-
"type": "typography"
|
|
5129
|
-
"content": "Checkout"
|
|
5261
|
+
"type": "typography"
|
|
5130
5262
|
}
|
|
5131
|
-
]
|
|
5263
|
+
],
|
|
5264
|
+
"gap": "sm",
|
|
5265
|
+
"direction": "horizontal",
|
|
5266
|
+
"align": "center"
|
|
5132
5267
|
},
|
|
5133
5268
|
{
|
|
5134
5269
|
"type": "progress-dots",
|
|
5135
|
-
"
|
|
5136
|
-
"
|
|
5270
|
+
"count": 3.0,
|
|
5271
|
+
"currentIndex": 0.0
|
|
5137
5272
|
},
|
|
5138
5273
|
{
|
|
5139
|
-
"type": "wizard-progress",
|
|
5140
|
-
"currentStep": 0.0,
|
|
5141
5274
|
"steps": [
|
|
5142
5275
|
"Customer Info",
|
|
5143
5276
|
"Shipping",
|
|
5144
5277
|
"Payment"
|
|
5145
|
-
]
|
|
5278
|
+
],
|
|
5279
|
+
"currentStep": 0.0,
|
|
5280
|
+
"type": "wizard-progress"
|
|
5146
5281
|
},
|
|
5147
5282
|
{
|
|
5148
5283
|
"type": "divider"
|
|
5149
5284
|
},
|
|
5150
5285
|
{
|
|
5151
|
-
"content": "Customer Info",
|
|
5152
5286
|
"type": "typography",
|
|
5153
|
-
"variant": "h3"
|
|
5287
|
+
"variant": "h3",
|
|
5288
|
+
"content": "Customer Info"
|
|
5154
5289
|
},
|
|
5155
5290
|
{
|
|
5291
|
+
"submitEvent": "NEXT",
|
|
5292
|
+
"cancelEvent": "INIT",
|
|
5293
|
+
"mode": "create",
|
|
5156
5294
|
"type": "form-section",
|
|
5157
5295
|
"fields": [
|
|
5158
5296
|
"customerName",
|
|
5159
5297
|
"email"
|
|
5160
|
-
]
|
|
5161
|
-
"mode": "create",
|
|
5162
|
-
"cancelEvent": "INIT",
|
|
5163
|
-
"submitEvent": "NEXT"
|
|
5298
|
+
]
|
|
5164
5299
|
},
|
|
5165
5300
|
{
|
|
5166
5301
|
"justify": "end",
|
|
5167
|
-
"type": "stack",
|
|
5168
|
-
"direction": "horizontal",
|
|
5169
5302
|
"children": [
|
|
5170
5303
|
{
|
|
5171
|
-
"icon": "arrow-right",
|
|
5172
5304
|
"label": "Next",
|
|
5173
|
-
"type": "button",
|
|
5174
5305
|
"action": "NEXT",
|
|
5306
|
+
"icon": "arrow-right",
|
|
5307
|
+
"type": "button",
|
|
5175
5308
|
"variant": "primary"
|
|
5176
5309
|
}
|
|
5177
5310
|
],
|
|
5311
|
+
"direction": "horizontal",
|
|
5312
|
+
"type": "stack",
|
|
5178
5313
|
"gap": "sm"
|
|
5179
5314
|
}
|
|
5180
5315
|
],
|
|
5181
|
-
"type": "stack"
|
|
5182
|
-
"direction": "vertical"
|
|
5316
|
+
"type": "stack"
|
|
5183
5317
|
}
|
|
5184
5318
|
],
|
|
5185
|
-
"
|
|
5319
|
+
"padding": "lg"
|
|
5186
5320
|
}
|
|
5187
5321
|
],
|
|
5188
|
-
"type": "dashboard-layout",
|
|
5189
5322
|
"appName": "EcommerceApp",
|
|
5190
5323
|
"navItems": [
|
|
5191
5324
|
{
|
|
5192
5325
|
"href": "/products",
|
|
5193
|
-
"
|
|
5194
|
-
"
|
|
5326
|
+
"icon": "package",
|
|
5327
|
+
"label": "Products"
|
|
5195
5328
|
},
|
|
5196
5329
|
{
|
|
5197
|
-
"
|
|
5330
|
+
"label": "Cart",
|
|
5198
5331
|
"icon": "shopping-cart",
|
|
5199
|
-
"
|
|
5332
|
+
"href": "/cart"
|
|
5200
5333
|
},
|
|
5201
5334
|
{
|
|
5202
|
-
"label": "Checkout",
|
|
5203
5335
|
"href": "/checkout",
|
|
5204
|
-
"icon": "credit-card"
|
|
5336
|
+
"icon": "credit-card",
|
|
5337
|
+
"label": "Checkout"
|
|
5205
5338
|
},
|
|
5206
5339
|
{
|
|
5340
|
+
"icon": "clipboard-list",
|
|
5207
5341
|
"href": "/orders",
|
|
5208
|
-
"label": "Orders"
|
|
5209
|
-
"icon": "clipboard-list"
|
|
5342
|
+
"label": "Orders"
|
|
5210
5343
|
}
|
|
5211
5344
|
]
|
|
5212
5345
|
}
|
|
@@ -5232,43 +5365,46 @@
|
|
|
5232
5365
|
"render-ui",
|
|
5233
5366
|
"main",
|
|
5234
5367
|
{
|
|
5368
|
+
"type": "dashboard-layout",
|
|
5369
|
+
"appName": "EcommerceApp",
|
|
5235
5370
|
"children": [
|
|
5236
5371
|
{
|
|
5237
5372
|
"children": [
|
|
5238
5373
|
{
|
|
5239
|
-
"direction": "vertical",
|
|
5240
5374
|
"gap": "lg",
|
|
5375
|
+
"type": "stack",
|
|
5376
|
+
"direction": "vertical",
|
|
5241
5377
|
"children": [
|
|
5242
5378
|
{
|
|
5379
|
+
"direction": "horizontal",
|
|
5380
|
+
"type": "stack",
|
|
5381
|
+
"align": "center",
|
|
5382
|
+
"gap": "sm",
|
|
5243
5383
|
"children": [
|
|
5244
5384
|
{
|
|
5245
|
-
"
|
|
5246
|
-
"
|
|
5385
|
+
"type": "icon",
|
|
5386
|
+
"name": "credit-card"
|
|
5247
5387
|
},
|
|
5248
5388
|
{
|
|
5249
5389
|
"content": "Checkout",
|
|
5250
|
-
"
|
|
5251
|
-
"
|
|
5390
|
+
"type": "typography",
|
|
5391
|
+
"variant": "h2"
|
|
5252
5392
|
}
|
|
5253
|
-
]
|
|
5254
|
-
"type": "stack",
|
|
5255
|
-
"direction": "horizontal",
|
|
5256
|
-
"gap": "sm",
|
|
5257
|
-
"align": "center"
|
|
5393
|
+
]
|
|
5258
5394
|
},
|
|
5259
5395
|
{
|
|
5396
|
+
"currentIndex": 0.0,
|
|
5260
5397
|
"type": "progress-dots",
|
|
5261
|
-
"count": 3.0
|
|
5262
|
-
"currentIndex": 0.0
|
|
5398
|
+
"count": 3.0
|
|
5263
5399
|
},
|
|
5264
5400
|
{
|
|
5265
|
-
"currentStep": 0.0,
|
|
5266
5401
|
"type": "wizard-progress",
|
|
5267
5402
|
"steps": [
|
|
5268
5403
|
"Customer Info",
|
|
5269
5404
|
"Shipping",
|
|
5270
5405
|
"Payment"
|
|
5271
|
-
]
|
|
5406
|
+
],
|
|
5407
|
+
"currentStep": 0.0
|
|
5272
5408
|
},
|
|
5273
5409
|
{
|
|
5274
5410
|
"type": "divider"
|
|
@@ -5279,46 +5415,43 @@
|
|
|
5279
5415
|
"type": "typography"
|
|
5280
5416
|
},
|
|
5281
5417
|
{
|
|
5282
|
-
"
|
|
5283
|
-
"mode": "create",
|
|
5418
|
+
"cancelEvent": "INIT",
|
|
5284
5419
|
"fields": [
|
|
5285
5420
|
"customerName",
|
|
5286
5421
|
"email"
|
|
5287
5422
|
],
|
|
5288
|
-
"
|
|
5289
|
-
"
|
|
5423
|
+
"mode": "create",
|
|
5424
|
+
"type": "form-section",
|
|
5425
|
+
"submitEvent": "NEXT"
|
|
5290
5426
|
},
|
|
5291
5427
|
{
|
|
5428
|
+
"gap": "sm",
|
|
5429
|
+
"justify": "end",
|
|
5292
5430
|
"type": "stack",
|
|
5293
|
-
"direction": "horizontal",
|
|
5294
5431
|
"children": [
|
|
5295
5432
|
{
|
|
5433
|
+
"label": "Next",
|
|
5434
|
+
"type": "button",
|
|
5296
5435
|
"icon": "arrow-right",
|
|
5297
5436
|
"action": "NEXT",
|
|
5298
|
-
"variant": "primary"
|
|
5299
|
-
"type": "button",
|
|
5300
|
-
"label": "Next"
|
|
5437
|
+
"variant": "primary"
|
|
5301
5438
|
}
|
|
5302
5439
|
],
|
|
5303
|
-
"
|
|
5304
|
-
"justify": "end"
|
|
5440
|
+
"direction": "horizontal"
|
|
5305
5441
|
}
|
|
5306
|
-
]
|
|
5307
|
-
"type": "stack"
|
|
5442
|
+
]
|
|
5308
5443
|
}
|
|
5309
5444
|
],
|
|
5445
|
+
"padding": "lg",
|
|
5310
5446
|
"maxWidth": "lg",
|
|
5311
|
-
"type": "container"
|
|
5312
|
-
"padding": "lg"
|
|
5447
|
+
"type": "container"
|
|
5313
5448
|
}
|
|
5314
5449
|
],
|
|
5315
|
-
"type": "dashboard-layout",
|
|
5316
|
-
"appName": "EcommerceApp",
|
|
5317
5450
|
"navItems": [
|
|
5318
5451
|
{
|
|
5319
5452
|
"label": "Products",
|
|
5320
|
-
"
|
|
5321
|
-
"
|
|
5453
|
+
"icon": "package",
|
|
5454
|
+
"href": "/products"
|
|
5322
5455
|
},
|
|
5323
5456
|
{
|
|
5324
5457
|
"label": "Cart",
|
|
@@ -5326,14 +5459,14 @@
|
|
|
5326
5459
|
"href": "/cart"
|
|
5327
5460
|
},
|
|
5328
5461
|
{
|
|
5329
|
-
"
|
|
5462
|
+
"href": "/checkout",
|
|
5330
5463
|
"icon": "credit-card",
|
|
5331
|
-
"
|
|
5464
|
+
"label": "Checkout"
|
|
5332
5465
|
},
|
|
5333
5466
|
{
|
|
5467
|
+
"href": "/orders",
|
|
5334
5468
|
"icon": "clipboard-list",
|
|
5335
|
-
"label": "Orders"
|
|
5336
|
-
"href": "/orders"
|
|
5469
|
+
"label": "Orders"
|
|
5337
5470
|
}
|
|
5338
5471
|
]
|
|
5339
5472
|
}
|
|
@@ -5680,8 +5813,8 @@
|
|
|
5680
5813
|
"OrderRecord",
|
|
5681
5814
|
{
|
|
5682
5815
|
"emit": {
|
|
5683
|
-
"
|
|
5684
|
-
"
|
|
5816
|
+
"failure": "OrderRecordLoadFailed",
|
|
5817
|
+
"success": "OrderRecordLoaded"
|
|
5685
5818
|
}
|
|
5686
5819
|
}
|
|
5687
5820
|
],
|
|
@@ -5689,22 +5822,22 @@
|
|
|
5689
5822
|
"render-ui",
|
|
5690
5823
|
"main",
|
|
5691
5824
|
{
|
|
5692
|
-
"className": "py-12",
|
|
5693
|
-
"direction": "vertical",
|
|
5694
|
-
"type": "stack",
|
|
5695
5825
|
"children": [
|
|
5696
5826
|
{
|
|
5697
5827
|
"type": "spinner"
|
|
5698
5828
|
},
|
|
5699
5829
|
{
|
|
5700
|
-
"color": "muted",
|
|
5701
|
-
"content": "Loading…",
|
|
5702
5830
|
"type": "typography",
|
|
5703
|
-
"
|
|
5831
|
+
"color": "muted",
|
|
5832
|
+
"variant": "caption",
|
|
5833
|
+
"content": "Loading…"
|
|
5704
5834
|
}
|
|
5705
5835
|
],
|
|
5706
|
-
"
|
|
5707
|
-
"align": "center"
|
|
5836
|
+
"className": "py-12",
|
|
5837
|
+
"align": "center",
|
|
5838
|
+
"direction": "vertical",
|
|
5839
|
+
"type": "stack",
|
|
5840
|
+
"gap": "md"
|
|
5708
5841
|
}
|
|
5709
5842
|
]
|
|
5710
5843
|
]
|
|
@@ -5718,132 +5851,132 @@
|
|
|
5718
5851
|
"render-ui",
|
|
5719
5852
|
"main",
|
|
5720
5853
|
{
|
|
5721
|
-
"navItems": [
|
|
5722
|
-
{
|
|
5723
|
-
"label": "Products",
|
|
5724
|
-
"href": "/products",
|
|
5725
|
-
"icon": "package"
|
|
5726
|
-
},
|
|
5727
|
-
{
|
|
5728
|
-
"label": "Cart",
|
|
5729
|
-
"href": "/cart",
|
|
5730
|
-
"icon": "shopping-cart"
|
|
5731
|
-
},
|
|
5732
|
-
{
|
|
5733
|
-
"label": "Checkout",
|
|
5734
|
-
"href": "/checkout",
|
|
5735
|
-
"icon": "credit-card"
|
|
5736
|
-
},
|
|
5737
|
-
{
|
|
5738
|
-
"label": "Orders",
|
|
5739
|
-
"icon": "clipboard-list",
|
|
5740
|
-
"href": "/orders"
|
|
5741
|
-
}
|
|
5742
|
-
],
|
|
5743
|
-
"appName": "EcommerceApp",
|
|
5744
|
-
"type": "dashboard-layout",
|
|
5745
5854
|
"children": [
|
|
5746
5855
|
{
|
|
5747
5856
|
"className": "max-w-5xl mx-auto w-full",
|
|
5748
5857
|
"children": [
|
|
5749
5858
|
{
|
|
5859
|
+
"align": "center",
|
|
5860
|
+
"gap": "md",
|
|
5750
5861
|
"direction": "horizontal",
|
|
5862
|
+
"justify": "between",
|
|
5751
5863
|
"children": [
|
|
5752
5864
|
{
|
|
5865
|
+
"type": "stack",
|
|
5753
5866
|
"direction": "horizontal",
|
|
5754
5867
|
"gap": "sm",
|
|
5755
|
-
"type": "stack",
|
|
5756
5868
|
"align": "center",
|
|
5757
5869
|
"children": [
|
|
5758
5870
|
{
|
|
5759
|
-
"
|
|
5760
|
-
"
|
|
5871
|
+
"type": "icon",
|
|
5872
|
+
"name": "clipboard-list"
|
|
5761
5873
|
},
|
|
5762
5874
|
{
|
|
5763
|
-
"
|
|
5875
|
+
"type": "typography",
|
|
5764
5876
|
"content": "Order History",
|
|
5765
|
-
"
|
|
5877
|
+
"variant": "h2"
|
|
5766
5878
|
}
|
|
5767
5879
|
]
|
|
5768
5880
|
},
|
|
5769
5881
|
{
|
|
5882
|
+
"gap": "sm",
|
|
5883
|
+
"type": "stack",
|
|
5884
|
+
"direction": "horizontal",
|
|
5770
5885
|
"children": [
|
|
5771
5886
|
{
|
|
5772
5887
|
"action": "CREATE",
|
|
5773
|
-
"type": "button",
|
|
5774
|
-
"label": "Create OrderRecord",
|
|
5775
5888
|
"variant": "primary",
|
|
5776
|
-
"icon": "plus"
|
|
5889
|
+
"icon": "plus",
|
|
5890
|
+
"type": "button",
|
|
5891
|
+
"label": "Create OrderRecord"
|
|
5777
5892
|
}
|
|
5778
|
-
]
|
|
5779
|
-
"direction": "horizontal",
|
|
5780
|
-
"type": "stack",
|
|
5781
|
-
"gap": "sm"
|
|
5893
|
+
]
|
|
5782
5894
|
}
|
|
5783
5895
|
],
|
|
5784
|
-
"
|
|
5785
|
-
"type": "stack",
|
|
5786
|
-
"gap": "md",
|
|
5787
|
-
"align": "center"
|
|
5896
|
+
"type": "stack"
|
|
5788
5897
|
},
|
|
5789
5898
|
{
|
|
5790
5899
|
"type": "divider"
|
|
5791
5900
|
},
|
|
5792
5901
|
{
|
|
5902
|
+
"variant": "card",
|
|
5903
|
+
"type": "data-list",
|
|
5793
5904
|
"itemActions": [
|
|
5794
5905
|
{
|
|
5906
|
+
"event": "VIEW",
|
|
5795
5907
|
"variant": "ghost",
|
|
5796
|
-
"label": "View"
|
|
5797
|
-
"event": "VIEW"
|
|
5908
|
+
"label": "View"
|
|
5798
5909
|
},
|
|
5799
5910
|
{
|
|
5800
|
-
"
|
|
5911
|
+
"variant": "ghost",
|
|
5801
5912
|
"event": "EDIT",
|
|
5802
|
-
"
|
|
5913
|
+
"label": "Edit"
|
|
5803
5914
|
},
|
|
5804
5915
|
{
|
|
5805
|
-
"variant": "danger",
|
|
5806
5916
|
"label": "Delete",
|
|
5917
|
+
"variant": "danger",
|
|
5807
5918
|
"event": "DELETE"
|
|
5808
5919
|
}
|
|
5809
5920
|
],
|
|
5810
5921
|
"gap": "sm",
|
|
5811
|
-
"entity": "@payload.data",
|
|
5812
|
-
"type": "data-list",
|
|
5813
5922
|
"fields": [
|
|
5814
5923
|
{
|
|
5815
|
-
"variant": "h3",
|
|
5816
5924
|
"name": "customerName",
|
|
5817
5925
|
"label": "Customer",
|
|
5818
|
-
"icon": "clipboard-list"
|
|
5926
|
+
"icon": "clipboard-list",
|
|
5927
|
+
"variant": "h3"
|
|
5819
5928
|
},
|
|
5820
5929
|
{
|
|
5821
|
-
"
|
|
5822
|
-
"
|
|
5930
|
+
"name": "status",
|
|
5931
|
+
"variant": "badge"
|
|
5823
5932
|
},
|
|
5824
5933
|
{
|
|
5825
|
-
"label": "Total",
|
|
5826
|
-
"name": "orderTotal",
|
|
5827
5934
|
"format": "currency",
|
|
5828
|
-
"variant": "h4"
|
|
5935
|
+
"variant": "h4",
|
|
5936
|
+
"name": "orderTotal",
|
|
5937
|
+
"label": "Total"
|
|
5829
5938
|
},
|
|
5830
5939
|
{
|
|
5831
5940
|
"variant": "caption",
|
|
5832
5941
|
"name": "email"
|
|
5833
5942
|
},
|
|
5834
5943
|
{
|
|
5944
|
+
"label": "Address",
|
|
5835
5945
|
"name": "shippingAddress",
|
|
5836
|
-
"variant": "caption"
|
|
5837
|
-
"label": "Address"
|
|
5946
|
+
"variant": "caption"
|
|
5838
5947
|
}
|
|
5839
5948
|
],
|
|
5840
|
-
"
|
|
5949
|
+
"entity": "@payload.data"
|
|
5841
5950
|
}
|
|
5842
5951
|
],
|
|
5843
5952
|
"type": "stack",
|
|
5844
5953
|
"direction": "vertical",
|
|
5845
5954
|
"gap": "lg"
|
|
5846
5955
|
}
|
|
5956
|
+
],
|
|
5957
|
+
"type": "dashboard-layout",
|
|
5958
|
+
"appName": "EcommerceApp",
|
|
5959
|
+
"navItems": [
|
|
5960
|
+
{
|
|
5961
|
+
"href": "/products",
|
|
5962
|
+
"label": "Products",
|
|
5963
|
+
"icon": "package"
|
|
5964
|
+
},
|
|
5965
|
+
{
|
|
5966
|
+
"label": "Cart",
|
|
5967
|
+
"href": "/cart",
|
|
5968
|
+
"icon": "shopping-cart"
|
|
5969
|
+
},
|
|
5970
|
+
{
|
|
5971
|
+
"label": "Checkout",
|
|
5972
|
+
"href": "/checkout",
|
|
5973
|
+
"icon": "credit-card"
|
|
5974
|
+
},
|
|
5975
|
+
{
|
|
5976
|
+
"href": "/orders",
|
|
5977
|
+
"label": "Orders",
|
|
5978
|
+
"icon": "clipboard-list"
|
|
5979
|
+
}
|
|
5847
5980
|
]
|
|
5848
5981
|
}
|
|
5849
5982
|
]
|
|
@@ -5859,20 +5992,17 @@
|
|
|
5859
5992
|
"main",
|
|
5860
5993
|
{
|
|
5861
5994
|
"type": "stack",
|
|
5862
|
-
"gap": "md",
|
|
5863
|
-
"direction": "vertical",
|
|
5864
|
-
"align": "center",
|
|
5865
5995
|
"className": "py-12",
|
|
5866
5996
|
"children": [
|
|
5867
5997
|
{
|
|
5868
|
-
"name": "alert-triangle",
|
|
5869
5998
|
"type": "icon",
|
|
5870
|
-
"color": "destructive"
|
|
5999
|
+
"color": "destructive",
|
|
6000
|
+
"name": "alert-triangle"
|
|
5871
6001
|
},
|
|
5872
6002
|
{
|
|
5873
|
-
"
|
|
6003
|
+
"content": "Failed to load orderrecord",
|
|
5874
6004
|
"type": "typography",
|
|
5875
|
-
"
|
|
6005
|
+
"variant": "h3"
|
|
5876
6006
|
},
|
|
5877
6007
|
{
|
|
5878
6008
|
"content": "@payload.error",
|
|
@@ -5881,13 +6011,16 @@
|
|
|
5881
6011
|
"color": "muted"
|
|
5882
6012
|
},
|
|
5883
6013
|
{
|
|
5884
|
-
"label": "Retry",
|
|
5885
6014
|
"variant": "primary",
|
|
5886
|
-
"
|
|
6015
|
+
"label": "Retry",
|
|
6016
|
+
"type": "button",
|
|
5887
6017
|
"icon": "rotate-ccw",
|
|
5888
|
-
"
|
|
6018
|
+
"action": "INIT"
|
|
5889
6019
|
}
|
|
5890
|
-
]
|
|
6020
|
+
],
|
|
6021
|
+
"align": "center",
|
|
6022
|
+
"gap": "md",
|
|
6023
|
+
"direction": "vertical"
|
|
5891
6024
|
}
|
|
5892
6025
|
]
|
|
5893
6026
|
]
|
|
@@ -6088,12 +6221,11 @@
|
|
|
6088
6221
|
"render-ui",
|
|
6089
6222
|
"modal",
|
|
6090
6223
|
{
|
|
6091
|
-
"type": "stack",
|
|
6092
6224
|
"direction": "vertical",
|
|
6093
6225
|
"children": [
|
|
6094
6226
|
{
|
|
6095
|
-
"gap": "sm",
|
|
6096
6227
|
"type": "stack",
|
|
6228
|
+
"direction": "horizontal",
|
|
6097
6229
|
"children": [
|
|
6098
6230
|
{
|
|
6099
6231
|
"type": "icon",
|
|
@@ -6101,20 +6233,19 @@
|
|
|
6101
6233
|
},
|
|
6102
6234
|
{
|
|
6103
6235
|
"type": "typography",
|
|
6104
|
-
"
|
|
6105
|
-
"
|
|
6236
|
+
"variant": "h3",
|
|
6237
|
+
"content": "Create OrderRecord"
|
|
6106
6238
|
}
|
|
6107
6239
|
],
|
|
6108
|
-
"
|
|
6240
|
+
"gap": "sm"
|
|
6109
6241
|
},
|
|
6110
6242
|
{
|
|
6111
6243
|
"type": "divider"
|
|
6112
6244
|
},
|
|
6113
6245
|
{
|
|
6114
6246
|
"submitEvent": "SAVE",
|
|
6115
|
-
"type": "form-section",
|
|
6116
6247
|
"mode": "create",
|
|
6117
|
-
"
|
|
6248
|
+
"type": "form-section",
|
|
6118
6249
|
"fields": [
|
|
6119
6250
|
"customerName",
|
|
6120
6251
|
"email",
|
|
@@ -6122,10 +6253,12 @@
|
|
|
6122
6253
|
"paymentMethod",
|
|
6123
6254
|
"orderTotal",
|
|
6124
6255
|
"status"
|
|
6125
|
-
]
|
|
6256
|
+
],
|
|
6257
|
+
"cancelEvent": "CLOSE"
|
|
6126
6258
|
}
|
|
6127
6259
|
],
|
|
6128
|
-
"gap": "md"
|
|
6260
|
+
"gap": "md",
|
|
6261
|
+
"type": "stack"
|
|
6129
6262
|
}
|
|
6130
6263
|
]
|
|
6131
6264
|
]
|
|
@@ -6377,8 +6510,8 @@
|
|
|
6377
6510
|
"OrderRecord",
|
|
6378
6511
|
{
|
|
6379
6512
|
"emit": {
|
|
6380
|
-
"
|
|
6381
|
-
"
|
|
6513
|
+
"failure": "OrderRecordLoadFailed",
|
|
6514
|
+
"success": "OrderRecordLoaded"
|
|
6382
6515
|
}
|
|
6383
6516
|
}
|
|
6384
6517
|
]
|
|
@@ -6393,11 +6526,11 @@
|
|
|
6393
6526
|
"fetch",
|
|
6394
6527
|
"OrderRecord",
|
|
6395
6528
|
{
|
|
6396
|
-
"id": "@payload.id",
|
|
6397
6529
|
"emit": {
|
|
6398
6530
|
"success": "OrderRecordLoaded",
|
|
6399
6531
|
"failure": "OrderRecordLoadFailed"
|
|
6400
|
-
}
|
|
6532
|
+
},
|
|
6533
|
+
"id": "@payload.id"
|
|
6401
6534
|
}
|
|
6402
6535
|
],
|
|
6403
6536
|
[
|
|
@@ -6405,29 +6538,32 @@
|
|
|
6405
6538
|
"modal",
|
|
6406
6539
|
{
|
|
6407
6540
|
"direction": "vertical",
|
|
6541
|
+
"gap": "md",
|
|
6408
6542
|
"children": [
|
|
6409
6543
|
{
|
|
6410
|
-
"direction": "horizontal",
|
|
6411
6544
|
"type": "stack",
|
|
6545
|
+
"direction": "horizontal",
|
|
6546
|
+
"gap": "sm",
|
|
6412
6547
|
"children": [
|
|
6413
6548
|
{
|
|
6414
|
-
"
|
|
6415
|
-
"
|
|
6549
|
+
"name": "edit",
|
|
6550
|
+
"type": "icon"
|
|
6416
6551
|
},
|
|
6417
6552
|
{
|
|
6418
|
-
"
|
|
6553
|
+
"content": "Edit OrderRecord",
|
|
6419
6554
|
"variant": "h3",
|
|
6420
|
-
"
|
|
6555
|
+
"type": "typography"
|
|
6421
6556
|
}
|
|
6422
|
-
]
|
|
6423
|
-
"gap": "sm"
|
|
6557
|
+
]
|
|
6424
6558
|
},
|
|
6425
6559
|
{
|
|
6426
6560
|
"type": "divider"
|
|
6427
6561
|
},
|
|
6428
6562
|
{
|
|
6429
|
-
"entity": "@payload.row",
|
|
6430
6563
|
"submitEvent": "SAVE",
|
|
6564
|
+
"cancelEvent": "CLOSE",
|
|
6565
|
+
"entity": "@payload.row",
|
|
6566
|
+
"mode": "edit",
|
|
6431
6567
|
"type": "form-section",
|
|
6432
6568
|
"fields": [
|
|
6433
6569
|
"customerName",
|
|
@@ -6436,13 +6572,10 @@
|
|
|
6436
6572
|
"paymentMethod",
|
|
6437
6573
|
"orderTotal",
|
|
6438
6574
|
"status"
|
|
6439
|
-
]
|
|
6440
|
-
"cancelEvent": "CLOSE",
|
|
6441
|
-
"mode": "edit"
|
|
6575
|
+
]
|
|
6442
6576
|
}
|
|
6443
6577
|
],
|
|
6444
|
-
"type": "stack"
|
|
6445
|
-
"gap": "md"
|
|
6578
|
+
"type": "stack"
|
|
6446
6579
|
}
|
|
6447
6580
|
]
|
|
6448
6581
|
]
|
|
@@ -6682,8 +6815,8 @@
|
|
|
6682
6815
|
{
|
|
6683
6816
|
"id": "@payload.id",
|
|
6684
6817
|
"emit": {
|
|
6685
|
-
"
|
|
6686
|
-
"
|
|
6818
|
+
"failure": "OrderRecordLoadFailed",
|
|
6819
|
+
"success": "OrderRecordLoaded"
|
|
6687
6820
|
}
|
|
6688
6821
|
}
|
|
6689
6822
|
],
|
|
@@ -6691,73 +6824,73 @@
|
|
|
6691
6824
|
"render-ui",
|
|
6692
6825
|
"modal",
|
|
6693
6826
|
{
|
|
6827
|
+
"gap": "md",
|
|
6694
6828
|
"direction": "vertical",
|
|
6695
6829
|
"type": "stack",
|
|
6696
|
-
"gap": "md",
|
|
6697
6830
|
"children": [
|
|
6698
6831
|
{
|
|
6699
|
-
"
|
|
6700
|
-
"type": "stack",
|
|
6832
|
+
"align": "center",
|
|
6701
6833
|
"direction": "horizontal",
|
|
6834
|
+
"type": "stack",
|
|
6835
|
+
"gap": "sm",
|
|
6702
6836
|
"children": [
|
|
6703
6837
|
{
|
|
6704
|
-
"
|
|
6705
|
-
"
|
|
6838
|
+
"name": "eye",
|
|
6839
|
+
"type": "icon"
|
|
6706
6840
|
},
|
|
6707
6841
|
{
|
|
6708
6842
|
"type": "typography",
|
|
6709
6843
|
"content": "@entity.customerName",
|
|
6710
6844
|
"variant": "h3"
|
|
6711
6845
|
}
|
|
6712
|
-
]
|
|
6713
|
-
"align": "center"
|
|
6846
|
+
]
|
|
6714
6847
|
},
|
|
6715
6848
|
{
|
|
6716
6849
|
"type": "divider"
|
|
6717
6850
|
},
|
|
6718
6851
|
{
|
|
6719
|
-
"gap": "md",
|
|
6720
6852
|
"children": [
|
|
6721
6853
|
{
|
|
6722
|
-
"
|
|
6854
|
+
"content": "Customer Name",
|
|
6723
6855
|
"variant": "caption",
|
|
6724
|
-
"
|
|
6856
|
+
"type": "typography"
|
|
6725
6857
|
},
|
|
6726
6858
|
{
|
|
6859
|
+
"content": "@entity.customerName",
|
|
6727
6860
|
"type": "typography",
|
|
6728
|
-
"variant": "body"
|
|
6729
|
-
"content": "@entity.customerName"
|
|
6861
|
+
"variant": "body"
|
|
6730
6862
|
}
|
|
6731
6863
|
],
|
|
6732
|
-
"
|
|
6733
|
-
"type": "stack"
|
|
6864
|
+
"gap": "md",
|
|
6865
|
+
"type": "stack",
|
|
6866
|
+
"direction": "horizontal"
|
|
6734
6867
|
},
|
|
6735
6868
|
{
|
|
6736
|
-
"type": "stack",
|
|
6737
|
-
"gap": "md",
|
|
6738
6869
|
"children": [
|
|
6739
6870
|
{
|
|
6740
|
-
"content": "Email",
|
|
6741
6871
|
"type": "typography",
|
|
6742
|
-
"variant": "caption"
|
|
6872
|
+
"variant": "caption",
|
|
6873
|
+
"content": "Email"
|
|
6743
6874
|
},
|
|
6744
6875
|
{
|
|
6745
|
-
"variant": "body",
|
|
6746
6876
|
"content": "@entity.email",
|
|
6747
|
-
"type": "typography"
|
|
6877
|
+
"type": "typography",
|
|
6878
|
+
"variant": "body"
|
|
6748
6879
|
}
|
|
6749
6880
|
],
|
|
6750
|
-
"direction": "horizontal"
|
|
6881
|
+
"direction": "horizontal",
|
|
6882
|
+
"gap": "md",
|
|
6883
|
+
"type": "stack"
|
|
6751
6884
|
},
|
|
6752
6885
|
{
|
|
6886
|
+
"type": "stack",
|
|
6753
6887
|
"direction": "horizontal",
|
|
6754
6888
|
"gap": "md",
|
|
6755
|
-
"type": "stack",
|
|
6756
6889
|
"children": [
|
|
6757
6890
|
{
|
|
6758
|
-
"type": "typography",
|
|
6759
6891
|
"variant": "caption",
|
|
6760
|
-
"content": "Shipping Address"
|
|
6892
|
+
"content": "Shipping Address",
|
|
6893
|
+
"type": "typography"
|
|
6761
6894
|
},
|
|
6762
6895
|
{
|
|
6763
6896
|
"type": "typography",
|
|
@@ -6767,79 +6900,79 @@
|
|
|
6767
6900
|
]
|
|
6768
6901
|
},
|
|
6769
6902
|
{
|
|
6903
|
+
"direction": "horizontal",
|
|
6770
6904
|
"gap": "md",
|
|
6905
|
+
"type": "stack",
|
|
6771
6906
|
"children": [
|
|
6772
6907
|
{
|
|
6908
|
+
"type": "typography",
|
|
6773
6909
|
"variant": "caption",
|
|
6774
|
-
"content": "Payment Method"
|
|
6775
|
-
"type": "typography"
|
|
6910
|
+
"content": "Payment Method"
|
|
6776
6911
|
},
|
|
6777
6912
|
{
|
|
6778
|
-
"type": "typography",
|
|
6779
6913
|
"content": "@entity.paymentMethod",
|
|
6780
|
-
"variant": "body"
|
|
6914
|
+
"variant": "body",
|
|
6915
|
+
"type": "typography"
|
|
6781
6916
|
}
|
|
6782
|
-
]
|
|
6783
|
-
"direction": "horizontal",
|
|
6784
|
-
"type": "stack"
|
|
6917
|
+
]
|
|
6785
6918
|
},
|
|
6786
6919
|
{
|
|
6787
|
-
"type": "stack",
|
|
6788
|
-
"gap": "md",
|
|
6789
6920
|
"children": [
|
|
6790
6921
|
{
|
|
6791
|
-
"content": "Order Total",
|
|
6792
6922
|
"type": "typography",
|
|
6793
|
-
"variant": "caption"
|
|
6923
|
+
"variant": "caption",
|
|
6924
|
+
"content": "Order Total"
|
|
6794
6925
|
},
|
|
6795
6926
|
{
|
|
6796
|
-
"type": "typography",
|
|
6797
6927
|
"content": "@entity.orderTotal",
|
|
6928
|
+
"type": "typography",
|
|
6798
6929
|
"variant": "body"
|
|
6799
6930
|
}
|
|
6800
6931
|
],
|
|
6801
|
-
"
|
|
6932
|
+
"type": "stack",
|
|
6933
|
+
"direction": "horizontal",
|
|
6934
|
+
"gap": "md"
|
|
6802
6935
|
},
|
|
6803
6936
|
{
|
|
6937
|
+
"direction": "horizontal",
|
|
6804
6938
|
"gap": "md",
|
|
6805
6939
|
"type": "stack",
|
|
6806
6940
|
"children": [
|
|
6807
6941
|
{
|
|
6808
|
-
"type": "typography",
|
|
6809
6942
|
"variant": "caption",
|
|
6810
|
-
"content": "Status"
|
|
6943
|
+
"content": "Status",
|
|
6944
|
+
"type": "typography"
|
|
6811
6945
|
},
|
|
6812
6946
|
{
|
|
6813
6947
|
"content": "@entity.status",
|
|
6814
6948
|
"type": "typography",
|
|
6815
6949
|
"variant": "body"
|
|
6816
6950
|
}
|
|
6817
|
-
]
|
|
6818
|
-
"direction": "horizontal"
|
|
6951
|
+
]
|
|
6819
6952
|
},
|
|
6820
6953
|
{
|
|
6821
6954
|
"type": "divider"
|
|
6822
6955
|
},
|
|
6823
6956
|
{
|
|
6824
|
-
"
|
|
6957
|
+
"gap": "sm",
|
|
6825
6958
|
"direction": "horizontal",
|
|
6959
|
+
"type": "stack",
|
|
6960
|
+
"justify": "end",
|
|
6826
6961
|
"children": [
|
|
6827
6962
|
{
|
|
6828
|
-
"
|
|
6963
|
+
"action": "EDIT",
|
|
6829
6964
|
"type": "button",
|
|
6830
6965
|
"variant": "primary",
|
|
6831
|
-
"
|
|
6832
|
-
"
|
|
6966
|
+
"icon": "edit",
|
|
6967
|
+
"label": "Edit"
|
|
6833
6968
|
},
|
|
6834
6969
|
{
|
|
6835
6970
|
"type": "button",
|
|
6971
|
+
"action": "CLOSE",
|
|
6836
6972
|
"variant": "ghost",
|
|
6837
|
-
"label": "Close"
|
|
6838
|
-
"action": "CLOSE"
|
|
6973
|
+
"label": "Close"
|
|
6839
6974
|
}
|
|
6840
|
-
]
|
|
6841
|
-
"gap": "sm",
|
|
6842
|
-
"justify": "end"
|
|
6975
|
+
]
|
|
6843
6976
|
}
|
|
6844
6977
|
]
|
|
6845
6978
|
}
|
|
@@ -7084,68 +7217,68 @@
|
|
|
7084
7217
|
"fetch",
|
|
7085
7218
|
"OrderRecord",
|
|
7086
7219
|
{
|
|
7220
|
+
"id": "@payload.id",
|
|
7087
7221
|
"emit": {
|
|
7088
|
-
"
|
|
7089
|
-
"
|
|
7090
|
-
}
|
|
7091
|
-
"id": "@payload.id"
|
|
7222
|
+
"failure": "OrderRecordLoadFailed",
|
|
7223
|
+
"success": "OrderRecordLoaded"
|
|
7224
|
+
}
|
|
7092
7225
|
}
|
|
7093
7226
|
],
|
|
7094
7227
|
[
|
|
7095
7228
|
"render-ui",
|
|
7096
7229
|
"modal",
|
|
7097
7230
|
{
|
|
7098
|
-
"type": "stack",
|
|
7099
|
-
"direction": "vertical",
|
|
7100
7231
|
"children": [
|
|
7101
7232
|
{
|
|
7233
|
+
"gap": "sm",
|
|
7234
|
+
"type": "stack",
|
|
7235
|
+
"direction": "horizontal",
|
|
7236
|
+
"align": "center",
|
|
7102
7237
|
"children": [
|
|
7103
7238
|
{
|
|
7104
7239
|
"type": "icon",
|
|
7105
7240
|
"name": "alert-triangle"
|
|
7106
7241
|
},
|
|
7107
7242
|
{
|
|
7108
|
-
"content": "Delete OrderRecord",
|
|
7109
7243
|
"type": "typography",
|
|
7110
|
-
"variant": "h3"
|
|
7244
|
+
"variant": "h3",
|
|
7245
|
+
"content": "Delete OrderRecord"
|
|
7111
7246
|
}
|
|
7112
|
-
]
|
|
7113
|
-
"gap": "sm",
|
|
7114
|
-
"direction": "horizontal",
|
|
7115
|
-
"type": "stack",
|
|
7116
|
-
"align": "center"
|
|
7247
|
+
]
|
|
7117
7248
|
},
|
|
7118
7249
|
{
|
|
7119
7250
|
"type": "divider"
|
|
7120
7251
|
},
|
|
7121
7252
|
{
|
|
7122
|
-
"message": "This action cannot be undone.",
|
|
7123
7253
|
"variant": "error",
|
|
7124
|
-
"type": "alert"
|
|
7254
|
+
"type": "alert",
|
|
7255
|
+
"message": "This action cannot be undone."
|
|
7125
7256
|
},
|
|
7126
7257
|
{
|
|
7127
7258
|
"type": "stack",
|
|
7128
7259
|
"direction": "horizontal",
|
|
7129
|
-
"gap": "sm",
|
|
7130
7260
|
"justify": "end",
|
|
7131
7261
|
"children": [
|
|
7132
7262
|
{
|
|
7133
|
-
"
|
|
7263
|
+
"label": "Cancel",
|
|
7134
7264
|
"variant": "ghost",
|
|
7135
7265
|
"type": "button",
|
|
7136
|
-
"
|
|
7266
|
+
"action": "CANCEL"
|
|
7137
7267
|
},
|
|
7138
7268
|
{
|
|
7139
|
-
"
|
|
7269
|
+
"variant": "danger",
|
|
7140
7270
|
"icon": "check",
|
|
7141
|
-
"label": "Delete",
|
|
7142
7271
|
"type": "button",
|
|
7143
|
-
"
|
|
7272
|
+
"label": "Delete",
|
|
7273
|
+
"action": "CONFIRM_DELETE"
|
|
7144
7274
|
}
|
|
7145
|
-
]
|
|
7275
|
+
],
|
|
7276
|
+
"gap": "sm"
|
|
7146
7277
|
}
|
|
7147
7278
|
],
|
|
7148
|
-
"gap": "md"
|
|
7279
|
+
"gap": "md",
|
|
7280
|
+
"type": "stack",
|
|
7281
|
+
"direction": "vertical"
|
|
7149
7282
|
}
|
|
7150
7283
|
]
|
|
7151
7284
|
]
|
|
@@ -7217,8 +7350,8 @@
|
|
|
7217
7350
|
"OrderRecord",
|
|
7218
7351
|
{
|
|
7219
7352
|
"emit": {
|
|
7220
|
-
"
|
|
7221
|
-
"
|
|
7353
|
+
"success": "OrderRecordLoaded",
|
|
7354
|
+
"failure": "OrderRecordLoadFailed"
|
|
7222
7355
|
}
|
|
7223
7356
|
}
|
|
7224
7357
|
]
|
|
@@ -7246,8 +7379,8 @@
|
|
|
7246
7379
|
"OrderRecord",
|
|
7247
7380
|
{
|
|
7248
7381
|
"emit": {
|
|
7249
|
-
"
|
|
7250
|
-
"
|
|
7382
|
+
"success": "OrderRecordLoaded",
|
|
7383
|
+
"failure": "OrderRecordLoadFailed"
|
|
7251
7384
|
}
|
|
7252
7385
|
}
|
|
7253
7386
|
]
|