@almadar/std 16.4.1 → 16.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/behaviors/registry/core/atoms/std-rating-review.orb +680 -664
  2. package/dist/behaviors/behaviors-registry.json +1 -1
  3. package/dist/behaviors/registry/core/atoms/std-rating-review.orb +680 -664
  4. package/dist/behaviors-registry.json +1 -1
  5. package/dist/registry/core/atoms/std-rating-review.orb +680 -664
  6. package/package.json +1 -1
package/dist/behaviors/registry/core/atoms/std-rating-review.orb CHANGED
@@ -21,13 +21,13 @@
21
21
  "items": {
22
22
  "type": "object",
23
23
  "properties": {
24
- "rating": {
25
- "name": "rating",
26
- "type": "number",
27
- "required": false
24
+ "id": {
25
+ "name": "id",
26
+ "type": "string",
27
+ "required": true
28
28
  },
29
- "comment": {
30
- "name": "comment",
29
+ "authorName": {
30
+ "name": "authorName",
31
31
  "type": "string",
32
32
  "required": false
33
33
  },
@@ -46,15 +46,15 @@
46
46
  "type": "string",
47
47
  "required": false
48
48
  },
49
- "authorName": {
50
- "name": "authorName",
51
- "type": "string",
49
+ "rating": {
50
+ "name": "rating",
51
+ "type": "number",
52
52
  "required": false
53
53
  },
54
- "id": {
55
- "name": "id",
54
+ "comment": {
55
+ "name": "comment",
56
56
  "type": "string",
57
- "required": true
57
+ "required": false
58
58
  }
59
59
  }
60
60
  }
@@ -66,14 +66,9 @@
66
66
  "items": {
67
67
  "type": "object",
68
68
  "properties": {
69
- "helpful": {
70
- "name": "helpful",
71
- "type": "number",
72
- "required": false
73
- },
74
- "rating": {
75
- "name": "rating",
76
- "type": "number",
69
+ "comment": {
70
+ "name": "comment",
71
+ "type": "string",
77
72
  "required": false
78
73
  },
79
74
  "authorName": {
@@ -81,13 +76,13 @@
81
76
  "type": "string",
82
77
  "required": false
83
78
  },
84
- "createdAt": {
85
- "name": "createdAt",
86
- "type": "string",
79
+ "rating": {
80
+ "name": "rating",
81
+ "type": "number",
87
82
  "required": false
88
83
  },
89
- "comment": {
90
- "name": "comment",
84
+ "createdAt": {
85
+ "name": "createdAt",
91
86
  "type": "string",
92
87
  "required": false
93
88
  },
@@ -100,6 +95,11 @@
100
95
  "name": "id",
101
96
  "type": "string",
102
97
  "required": true
98
+ },
99
+ "helpful": {
100
+ "name": "helpful",
101
+ "type": "number",
102
+ "required": false
103
103
  }
104
104
  }
105
105
  }
@@ -121,15 +121,15 @@
121
121
  "items": {
122
122
  "type": "object",
123
123
  "properties": {
124
- "label": {
125
- "name": "label",
126
- "type": "string",
127
- "required": true
128
- },
129
124
  "percentage": {
130
125
  "name": "percentage",
131
126
  "type": "number",
132
127
  "required": false
128
+ },
129
+ "label": {
130
+ "name": "label",
131
+ "type": "string",
132
+ "required": true
133
133
  }
134
134
  }
135
135
  }
@@ -396,8 +396,8 @@
396
396
  "ReviewView",
397
397
  {
398
398
  "emit": {
399
- "success": "ReviewsLoaded",
400
- "failure": "ReviewsLoadFailed"
399
+ "failure": "ReviewsLoadFailed",
400
+ "success": "ReviewsLoaded"
401
401
  }
402
402
  }
403
403
  ],
@@ -405,8 +405,8 @@
405
405
  "render-ui",
406
406
  "main",
407
407
  {
408
- "title": "Loading reviews…",
409
- "type": "loading-state"
408
+ "type": "loading-state",
409
+ "title": "Loading reviews…"
410
410
  }
411
411
  ]
412
412
  ]
@@ -426,17 +426,17 @@
426
426
  "fn",
427
427
  "row",
428
428
  {
429
- "avatarIcon": [
429
+ "authorName": [
430
430
  "object/get",
431
431
  "@row",
432
- "avatarIcon",
433
- "user"
432
+ "authorName",
433
+ "Guest"
434
434
  ],
435
- "id": [
435
+ "helpful": [
436
436
  "object/get",
437
437
  "@row",
438
- "id",
439
- ""
438
+ "helpful",
439
+ 0.0
440
440
  ],
441
441
  "rating": [
442
442
  "object/get",
@@ -444,11 +444,17 @@
444
444
  "rating",
445
445
  5.0
446
446
  ],
447
- "authorName": [
447
+ "avatarIcon": [
448
448
  "object/get",
449
449
  "@row",
450
- "authorName",
451
- "Guest"
450
+ "avatarIcon",
451
+ "user"
452
+ ],
453
+ "id": [
454
+ "object/get",
455
+ "@row",
456
+ "id",
457
+ ""
452
458
  ],
453
459
  "comment": [
454
460
  "object/get",
@@ -461,12 +467,6 @@
461
467
  "@row",
462
468
  "createdAt",
463
469
  ""
464
- ],
465
- "helpful": [
466
- "object/get",
467
- "@row",
468
- "helpful",
469
- 0.0
470
470
  ]
471
471
  }
472
472
  ]
@@ -516,17 +516,17 @@
516
516
  "fn",
517
517
  "bar",
518
518
  {
519
- "percentage": [
520
- "object/get",
521
- "@bar",
522
- "percentage",
523
- 0.0
524
- ],
525
519
  "label": [
526
520
  "object/get",
527
521
  "@bar",
528
522
  "label",
529
523
  ""
524
+ ],
525
+ "percentage": [
526
+ "object/get",
527
+ "@bar",
528
+ "percentage",
529
+ 0.0
530
530
  ]
531
531
  }
532
532
  ]
@@ -536,44 +536,39 @@
536
536
  "render-ui",
537
537
  "main",
538
538
  {
539
+ "gap": "lg",
540
+ "type": "stack",
539
541
  "children": [
540
542
  {
541
- "justify": "between",
542
- "gap": "md",
543
- "type": "stack",
544
- "align": "center",
545
- "direction": "horizontal",
546
543
  "children": [
547
544
  {
548
- "gap": "xs",
549
- "type": "stack",
550
545
  "children": [
551
546
  {
552
- "type": "stack",
547
+ "align": "center",
553
548
  "children": [
554
549
  {
555
- "type": "icon",
556
- "name": "star"
550
+ "name": "star",
551
+ "type": "icon"
557
552
  },
558
553
  {
559
- "content": "Reviews",
554
+ "type": "typography",
560
555
  "variant": "h3",
561
- "type": "typography"
556
+ "content": "Reviews"
562
557
  },
563
558
  {
564
- "type": "typography",
559
+ "content": "·",
565
560
  "color": "muted",
566
- "content": "·"
561
+ "type": "typography"
567
562
  },
568
563
  {
569
- "type": "typography",
570
564
  "variant": "h3",
571
- "content": "@entity.averageRating"
565
+ "content": "@entity.averageRating",
566
+ "type": "typography"
572
567
  },
573
568
  {
574
- "name": "star",
575
569
  "color": "warning",
576
- "type": "icon"
570
+ "type": "icon",
571
+ "name": "star"
577
572
  },
578
573
  {
579
574
  "content": "·",
@@ -581,55 +576,61 @@
581
576
  "type": "typography"
582
577
  },
583
578
  {
584
- "type": "typography",
579
+ "content": "@entity.totalReviews",
585
580
  "variant": "h4",
586
- "color": "muted",
587
- "content": "@entity.totalReviews"
581
+ "type": "typography",
582
+ "color": "muted"
588
583
  },
589
584
  {
590
- "variant": "h4",
585
+ "content": "reviews",
591
586
  "type": "typography",
592
587
  "color": "muted",
593
- "content": "reviews"
588
+ "variant": "h4"
594
589
  }
595
590
  ],
596
- "direction": "horizontal",
597
591
  "gap": "sm",
598
- "align": "center"
592
+ "type": "stack",
593
+ "direction": "horizontal"
599
594
  },
600
595
  {
601
596
  "type": "typography",
597
+ "variant": "caption",
602
598
  "color": "muted",
603
- "content": "@config.subjectTitle",
604
- "variant": "caption"
599
+ "content": "@config.subjectTitle"
605
600
  }
606
601
  ],
607
- "direction": "vertical"
602
+ "type": "stack",
603
+ "direction": "vertical",
604
+ "gap": "xs"
608
605
  },
609
606
  {
610
607
  "variant": "primary",
611
- "action": "WRITE_REVIEW",
612
- "label": "@config.writeLabel",
613
608
  "type": "button",
609
+ "label": "@config.writeLabel",
610
+ "action": "WRITE_REVIEW",
614
611
  "icon": "edit"
615
612
  }
616
- ]
613
+ ],
614
+ "type": "stack",
615
+ "gap": "md",
616
+ "align": "center",
617
+ "direction": "horizontal",
618
+ "justify": "between"
617
619
  },
618
620
  {
619
621
  "type": "card",
620
- "look": "@config.cardLook",
621
622
  "children": [
622
623
  {
623
- "direction": "vertical",
624
624
  "gap": "sm",
625
- "type": "stack",
625
+ "direction": "vertical",
626
626
  "children": [
627
627
  {
628
- "content": "Rating distribution",
629
628
  "variant": "h4",
629
+ "content": "Rating distribution",
630
630
  "type": "typography"
631
631
  },
632
632
  {
633
+ "entity": "@entity.starDistribution",
633
634
  "type": "data-list",
634
635
  "gap": "sm",
635
636
  "fields": [],
@@ -637,12 +638,12 @@
637
638
  "fn",
638
639
  "bar",
639
640
  {
640
- "align": "center",
641
+ "type": "stack",
641
642
  "children": [
642
643
  {
644
+ "variant": "caption",
643
645
  "type": "typography",
644
- "content": "@bar.label",
645
- "variant": "caption"
646
+ "content": "@bar.label"
646
647
  },
647
648
  {
648
649
  "max": 100.0,
@@ -657,39 +658,43 @@
657
658
  "content": "@bar.percentage"
658
659
  },
659
660
  {
660
- "variant": "caption",
661
- "color": "muted",
662
661
  "type": "typography",
663
- "content": "%"
662
+ "content": "%",
663
+ "variant": "caption",
664
+ "color": "muted"
664
665
  }
665
666
  ],
666
- "direction": "horizontal",
667
- "type": "stack",
668
- "gap": "md"
667
+ "gap": "md",
668
+ "align": "center",
669
+ "direction": "horizontal"
669
670
  }
670
- ],
671
- "entity": "@entity.starDistribution"
671
+ ]
672
672
  }
673
- ]
673
+ ],
674
+ "type": "stack"
674
675
  }
675
- ]
676
+ ],
677
+ "look": "@config.cardLook"
676
678
  },
677
679
  {
678
- "tabChangeEvent": "CHANGE_SORT",
679
680
  "type": "tabs",
681
+ "tabChangeEvent": "CHANGE_SORT",
680
682
  "tabs": "@config.sortOptions",
681
683
  "activeTab": "@entity.currentSort"
682
684
  },
683
685
  {
686
+ "type": "data-list",
687
+ "entity": "@entity.reviews",
688
+ "gap": "md",
684
689
  "fields": [],
685
690
  "renderItem": [
686
691
  "fn",
687
692
  "review",
688
693
  {
689
- "type": "card",
690
- "look": "@config.cardLook",
691
694
  "children": [
692
695
  {
696
+ "direction": "vertical",
697
+ "gap": "sm",
693
698
  "children": [
694
699
  {
695
700
  "direction": "horizontal",
@@ -698,8 +703,8 @@
698
703
  "gap": "sm",
699
704
  "children": [
700
705
  {
701
- "name": "@review.avatarIcon",
702
- "type": "icon"
706
+ "type": "icon",
707
+ "name": "@review.avatarIcon"
703
708
  },
704
709
  {
705
710
  "weight": "bold",
@@ -713,72 +718,67 @@
713
718
  },
714
719
  {
715
720
  "type": "icon",
716
- "name": "star",
717
- "color": "warning"
721
+ "color": "warning",
722
+ "name": "star"
718
723
  },
719
724
  {
720
725
  "content": "@review.rating",
721
- "weight": "bold",
722
- "type": "typography"
726
+ "type": "typography",
727
+ "weight": "bold"
723
728
  },
724
729
  {
725
730
  "content": "·",
726
- "color": "muted",
727
- "type": "typography"
731
+ "type": "typography",
732
+ "color": "muted"
728
733
  },
729
734
  {
730
- "type": "typography",
731
- "color": "muted",
732
735
  "variant": "caption",
733
- "content": "@review.createdAt"
736
+ "content": "@review.createdAt",
737
+ "color": "muted",
738
+ "type": "typography"
734
739
  }
735
740
  ]
736
741
  },
737
742
  {
738
743
  "variant": "body",
739
- "content": "@review.comment",
740
- "type": "typography"
744
+ "type": "typography",
745
+ "content": "@review.comment"
741
746
  },
742
747
  {
743
- "align": "center",
744
748
  "gap": "sm",
749
+ "align": "center",
750
+ "direction": "horizontal",
751
+ "type": "stack",
745
752
  "children": [
746
753
  {
747
754
  "actionPayload": {
748
755
  "id": "@review.id"
749
756
  },
750
- "type": "button",
751
757
  "label": "Helpful",
752
- "variant": "ghost",
758
+ "icon": "thumbs-up",
753
759
  "action": "MARK_HELPFUL",
754
- "icon": "thumbs-up"
760
+ "type": "button",
761
+ "variant": "ghost"
755
762
  },
756
763
  {
764
+ "color": "muted",
757
765
  "content": "@review.helpful",
758
- "type": "typography",
759
766
  "variant": "caption",
760
- "color": "muted"
767
+ "type": "typography"
761
768
  }
762
- ],
763
- "direction": "horizontal",
764
- "type": "stack"
769
+ ]
765
770
  }
766
771
  ],
767
- "direction": "vertical",
768
- "type": "stack",
769
- "gap": "sm"
772
+ "type": "stack"
770
773
  }
771
- ]
774
+ ],
775
+ "type": "card",
776
+ "look": "@config.cardLook"
772
777
  }
773
- ],
774
- "type": "data-list",
775
- "entity": "@entity.reviews",
776
- "gap": "md"
778
+ ]
777
779
  }
778
780
  ],
779
- "direction": "vertical",
780
- "type": "stack",
781
- "gap": "lg"
781
+ "direction": "vertical"
782
782
  }
783
783
  ]
784
784
  ]
@@ -797,9 +797,9 @@
797
797
  "render-ui",
798
798
  "main",
799
799
  {
800
- "type": "error-state",
800
+ "title": "Failed to load reviews",
801
801
  "message": "@entity.errorMessage",
802
- "title": "Failed to load reviews"
802
+ "type": "error-state"
803
803
  }
804
804
  ]
805
805
  ]
@@ -814,8 +814,8 @@
814
814
  "ReviewView",
815
815
  {
816
816
  "emit": {
817
- "success": "ReviewsLoaded",
818
- "failure": "ReviewsLoadFailed"
817
+ "failure": "ReviewsLoadFailed",
818
+ "success": "ReviewsLoaded"
819
819
  }
820
820
  }
821
821
  ],
@@ -870,42 +870,45 @@
870
870
  "main",
871
871
  {
872
872
  "type": "stack",
873
- "direction": "vertical",
874
873
  "gap": "md",
874
+ "direction": "vertical",
875
875
  "children": [
876
876
  {
877
- "type": "stack",
877
+ "direction": "horizontal",
878
+ "gap": "sm",
879
+ "align": "center",
878
880
  "children": [
879
881
  {
880
882
  "action": "CANCEL_REVIEW",
881
- "icon": "arrow-left",
882
- "type": "button",
883
883
  "variant": "ghost",
884
- "label": "Back"
884
+ "type": "button",
885
+ "label": "Back",
886
+ "icon": "arrow-left"
885
887
  },
886
888
  {
887
889
  "name": "edit",
888
890
  "type": "icon"
889
891
  },
890
892
  {
893
+ "content": "Write a review",
891
894
  "type": "typography",
892
- "variant": "h3",
893
- "content": "Write a review"
895
+ "variant": "h3"
894
896
  }
895
897
  ],
896
- "gap": "sm",
897
- "align": "center",
898
- "direction": "horizontal"
898
+ "type": "stack"
899
899
  },
900
900
  {
901
901
  "look": "@config.cardLook",
902
902
  "children": [
903
903
  {
904
+ "gap": "md",
905
+ "direction": "vertical",
906
+ "type": "stack",
904
907
  "children": [
905
908
  {
906
909
  "type": "typography",
907
- "content": "@config.subjectTitle",
908
910
  "color": "muted",
911
+ "content": "@config.subjectTitle",
909
912
  "variant": "caption"
910
913
  },
911
914
  {
@@ -914,29 +917,26 @@
914
917
  "content": "How would you rate it?"
915
918
  },
916
919
  {
920
+ "action": "RATE_DRAFT",
917
921
  "value": "@entity.draftRating",
918
922
  "max": 5.0,
919
- "type": "star-rating",
920
- "action": "RATE_DRAFT"
923
+ "type": "star-rating"
921
924
  },
922
925
  {
926
+ "content": "Share more details (optional)",
923
927
  "type": "typography",
924
- "variant": "h4",
925
- "content": "Share more details (optional)"
928
+ "variant": "h4"
926
929
  },
927
930
  {
928
- "mode": "edit",
929
931
  "cancelEvent": "CANCEL_REVIEW",
930
932
  "submitLabel": "@config.submitLabel",
931
933
  "fields": "@config.reviewFields",
932
- "submitEvent": "SUBMIT_REVIEW",
934
+ "type": "form-section",
933
935
  "entity": "@entity",
934
- "type": "form-section"
936
+ "mode": "edit",
937
+ "submitEvent": "SUBMIT_REVIEW"
935
938
  }
936
- ],
937
- "type": "stack",
938
- "direction": "vertical",
939
- "gap": "md"
939
+ ]
940
940
  }
941
941
  ],
942
942
  "type": "card"
@@ -975,27 +975,30 @@
975
975
  "render-ui",
976
976
  "main",
977
977
  {
978
+ "direction": "vertical",
979
+ "type": "stack",
980
+ "gap": "lg",
978
981
  "children": [
979
982
  {
980
- "type": "stack",
983
+ "direction": "horizontal",
981
984
  "children": [
982
985
  {
983
- "type": "stack",
984
- "direction": "vertical",
985
986
  "gap": "xs",
987
+ "direction": "vertical",
986
988
  "children": [
987
989
  {
988
- "gap": "sm",
989
990
  "type": "stack",
991
+ "gap": "sm",
992
+ "align": "center",
990
993
  "children": [
991
994
  {
992
- "type": "icon",
993
- "name": "star"
995
+ "name": "star",
996
+ "type": "icon"
994
997
  },
995
998
  {
996
- "variant": "h3",
997
999
  "type": "typography",
998
- "content": "Reviews"
1000
+ "content": "Reviews",
1001
+ "variant": "h3"
999
1002
  },
1000
1003
  {
1001
1004
  "type": "typography",
@@ -1003,9 +1006,9 @@
1003
1006
  "color": "muted"
1004
1007
  },
1005
1008
  {
1009
+ "type": "typography",
1006
1010
  "variant": "h3",
1007
- "content": "@entity.averageRating",
1008
- "type": "typography"
1011
+ "content": "@entity.averageRating"
1009
1012
  },
1010
1013
  {
1011
1014
  "color": "warning",
@@ -1019,205 +1022,202 @@
1019
1022
  },
1020
1023
  {
1021
1024
  "content": "@entity.totalReviews",
1025
+ "color": "muted",
1022
1026
  "variant": "h4",
1023
- "type": "typography",
1024
- "color": "muted"
1027
+ "type": "typography"
1025
1028
  },
1026
1029
  {
1027
- "variant": "h4",
1028
1030
  "content": "reviews",
1029
- "type": "typography",
1030
- "color": "muted"
1031
+ "color": "muted",
1032
+ "variant": "h4",
1033
+ "type": "typography"
1031
1034
  }
1032
1035
  ],
1033
- "direction": "horizontal",
1034
- "align": "center"
1036
+ "direction": "horizontal"
1035
1037
  },
1036
1038
  {
1037
- "type": "typography",
1038
- "variant": "caption",
1039
1039
  "content": "@config.subjectTitle",
1040
- "color": "muted"
1040
+ "color": "muted",
1041
+ "variant": "caption",
1042
+ "type": "typography"
1041
1043
  }
1042
- ]
1044
+ ],
1045
+ "type": "stack"
1043
1046
  },
1044
1047
  {
1045
- "type": "button",
1046
- "label": "@config.writeLabel",
1047
- "action": "WRITE_REVIEW",
1048
1048
  "variant": "primary",
1049
- "icon": "edit"
1049
+ "action": "WRITE_REVIEW",
1050
+ "icon": "edit",
1051
+ "label": "@config.writeLabel",
1052
+ "type": "button"
1050
1053
  }
1051
1054
  ],
1052
- "align": "center",
1053
- "direction": "horizontal",
1054
1055
  "gap": "md",
1056
+ "type": "stack",
1057
+ "align": "center",
1055
1058
  "justify": "between"
1056
1059
  },
1057
1060
  {
1058
- "type": "card",
1059
1061
  "children": [
1060
1062
  {
1061
- "direction": "vertical",
1062
- "gap": "sm",
1063
1063
  "children": [
1064
1064
  {
1065
- "content": "Rating distribution",
1065
+ "variant": "h4",
1066
1066
  "type": "typography",
1067
- "variant": "h4"
1067
+ "content": "Rating distribution"
1068
1068
  },
1069
1069
  {
1070
- "fields": [],
1071
1070
  "type": "data-list",
1071
+ "gap": "sm",
1072
+ "entity": "@entity.starDistribution",
1073
+ "fields": [],
1072
1074
  "renderItem": [
1073
1075
  "fn",
1074
1076
  "bar",
1075
1077
  {
1078
+ "type": "stack",
1079
+ "direction": "horizontal",
1076
1080
  "children": [
1077
1081
  {
1078
- "type": "typography",
1079
1082
  "content": "@bar.label",
1080
- "variant": "caption"
1083
+ "variant": "caption",
1084
+ "type": "typography"
1081
1085
  },
1082
1086
  {
1083
1087
  "type": "progress-bar",
1084
- "variant": "primary",
1085
1088
  "value": "@bar.percentage",
1086
- "max": 100.0
1089
+ "max": 100.0,
1090
+ "variant": "primary"
1087
1091
  },
1088
1092
  {
1089
- "content": "@bar.percentage",
1093
+ "color": "muted",
1090
1094
  "variant": "caption",
1091
1095
  "type": "typography",
1092
- "color": "muted"
1096
+ "content": "@bar.percentage"
1093
1097
  },
1094
1098
  {
1095
1099
  "content": "%",
1100
+ "variant": "caption",
1096
1101
  "color": "muted",
1097
- "type": "typography",
1098
- "variant": "caption"
1102
+ "type": "typography"
1099
1103
  }
1100
1104
  ],
1101
- "direction": "horizontal",
1102
1105
  "gap": "md",
1103
- "type": "stack",
1104
1106
  "align": "center"
1105
1107
  }
1106
- ],
1107
- "entity": "@entity.starDistribution",
1108
- "gap": "sm"
1108
+ ]
1109
1109
  }
1110
1110
  ],
1111
+ "direction": "vertical",
1112
+ "gap": "sm",
1111
1113
  "type": "stack"
1112
1114
  }
1113
1115
  ],
1116
+ "type": "card",
1114
1117
  "look": "@config.cardLook"
1115
1118
  },
1116
1119
  {
1117
- "tabs": "@config.sortOptions",
1118
- "type": "tabs",
1119
1120
  "activeTab": "@entity.currentSort",
1120
- "tabChangeEvent": "CHANGE_SORT"
1121
+ "tabChangeEvent": "CHANGE_SORT",
1122
+ "tabs": "@config.sortOptions",
1123
+ "type": "tabs"
1121
1124
  },
1122
1125
  {
1123
- "gap": "md",
1124
- "type": "data-list",
1125
- "entity": "@entity.reviews",
1126
- "fields": [],
1127
1126
  "renderItem": [
1128
1127
  "fn",
1129
1128
  "review",
1130
1129
  {
1130
+ "type": "card",
1131
+ "look": "@config.cardLook",
1131
1132
  "children": [
1132
1133
  {
1133
- "gap": "sm",
1134
- "direction": "vertical",
1135
- "type": "stack",
1136
1134
  "children": [
1137
1135
  {
1136
+ "direction": "horizontal",
1137
+ "align": "center",
1138
+ "gap": "sm",
1139
+ "type": "stack",
1138
1140
  "children": [
1139
1141
  {
1140
1142
  "name": "@review.avatarIcon",
1141
1143
  "type": "icon"
1142
1144
  },
1143
1145
  {
1144
- "content": "@review.authorName",
1145
1146
  "weight": "bold",
1147
+ "content": "@review.authorName",
1146
1148
  "type": "typography"
1147
1149
  },
1148
1150
  {
1149
- "color": "muted",
1150
1151
  "type": "typography",
1152
+ "color": "muted",
1151
1153
  "content": "·"
1152
1154
  },
1153
1155
  {
1154
- "color": "warning",
1155
1156
  "type": "icon",
1157
+ "color": "warning",
1156
1158
  "name": "star"
1157
1159
  },
1158
1160
  {
1159
- "type": "typography",
1160
1161
  "content": "@review.rating",
1162
+ "type": "typography",
1161
1163
  "weight": "bold"
1162
1164
  },
1163
1165
  {
1164
- "content": "·",
1165
1166
  "color": "muted",
1166
- "type": "typography"
1167
+ "type": "typography",
1168
+ "content": "·"
1167
1169
  },
1168
1170
  {
1169
- "color": "muted",
1170
- "type": "typography",
1171
1171
  "variant": "caption",
1172
- "content": "@review.createdAt"
1172
+ "type": "typography",
1173
+ "content": "@review.createdAt",
1174
+ "color": "muted"
1173
1175
  }
1174
- ],
1175
- "type": "stack",
1176
- "gap": "sm",
1177
- "align": "center",
1178
- "direction": "horizontal"
1176
+ ]
1179
1177
  },
1180
1178
  {
1181
1179
  "variant": "body",
1182
- "type": "typography",
1183
- "content": "@review.comment"
1180
+ "content": "@review.comment",
1181
+ "type": "typography"
1184
1182
  },
1185
1183
  {
1186
- "type": "stack",
1187
- "direction": "horizontal",
1188
- "align": "center",
1189
1184
  "gap": "sm",
1190
1185
  "children": [
1191
1186
  {
1187
+ "actionPayload": {
1188
+ "id": "@review.id"
1189
+ },
1192
1190
  "type": "button",
1191
+ "action": "MARK_HELPFUL",
1193
1192
  "label": "Helpful",
1194
1193
  "variant": "ghost",
1195
- "action": "MARK_HELPFUL",
1196
- "icon": "thumbs-up",
1197
- "actionPayload": {
1198
- "id": "@review.id"
1199
- }
1194
+ "icon": "thumbs-up"
1200
1195
  },
1201
1196
  {
1202
- "type": "typography",
1203
1197
  "content": "@review.helpful",
1204
- "variant": "caption",
1205
- "color": "muted"
1198
+ "color": "muted",
1199
+ "type": "typography",
1200
+ "variant": "caption"
1206
1201
  }
1207
- ]
1202
+ ],
1203
+ "direction": "horizontal",
1204
+ "align": "center",
1205
+ "type": "stack"
1208
1206
  }
1209
- ]
1207
+ ],
1208
+ "gap": "sm",
1209
+ "direction": "vertical",
1210
+ "type": "stack"
1210
1211
  }
1211
- ],
1212
- "type": "card",
1213
- "look": "@config.cardLook"
1212
+ ]
1214
1213
  }
1215
- ]
1214
+ ],
1215
+ "type": "data-list",
1216
+ "entity": "@entity.reviews",
1217
+ "gap": "md",
1218
+ "fields": []
1216
1219
  }
1217
- ],
1218
- "gap": "lg",
1219
- "type": "stack",
1220
- "direction": "vertical"
1220
+ ]
1221
1221
  }
1222
1222
  ]
1223
1223
  ]
@@ -1251,140 +1251,140 @@
1251
1251
  "render-ui",
1252
1252
  "main",
1253
1253
  {
1254
- "gap": "lg",
1255
1254
  "direction": "vertical",
1255
+ "gap": "lg",
1256
1256
  "children": [
1257
1257
  {
1258
- "gap": "md",
1259
1258
  "justify": "between",
1260
- "direction": "horizontal",
1261
1259
  "type": "stack",
1262
- "align": "center",
1260
+ "gap": "md",
1263
1261
  "children": [
1264
1262
  {
1263
+ "direction": "vertical",
1264
+ "type": "stack",
1265
+ "gap": "xs",
1265
1266
  "children": [
1266
1267
  {
1268
+ "direction": "horizontal",
1267
1269
  "align": "center",
1268
- "gap": "sm",
1270
+ "type": "stack",
1269
1271
  "children": [
1270
1272
  {
1271
1273
  "type": "icon",
1272
1274
  "name": "star"
1273
1275
  },
1274
1276
  {
1275
- "type": "typography",
1277
+ "variant": "h3",
1276
1278
  "content": "Reviews",
1277
- "variant": "h3"
1279
+ "type": "typography"
1278
1280
  },
1279
1281
  {
1282
+ "type": "typography",
1280
1283
  "content": "·",
1281
- "color": "muted",
1282
- "type": "typography"
1284
+ "color": "muted"
1283
1285
  },
1284
1286
  {
1285
- "type": "typography",
1287
+ "content": "@entity.averageRating",
1286
1288
  "variant": "h3",
1287
- "content": "@entity.averageRating"
1289
+ "type": "typography"
1288
1290
  },
1289
1291
  {
1292
+ "color": "warning",
1290
1293
  "type": "icon",
1291
- "name": "star",
1292
- "color": "warning"
1294
+ "name": "star"
1293
1295
  },
1294
1296
  {
1295
- "content": "·",
1296
1297
  "color": "muted",
1297
- "type": "typography"
1298
+ "type": "typography",
1299
+ "content": "·"
1298
1300
  },
1299
1301
  {
1300
- "variant": "h4",
1302
+ "content": "@entity.totalReviews",
1301
1303
  "type": "typography",
1302
- "color": "muted",
1303
- "content": "@entity.totalReviews"
1304
+ "variant": "h4",
1305
+ "color": "muted"
1304
1306
  },
1305
1307
  {
1308
+ "variant": "h4",
1306
1309
  "type": "typography",
1307
- "color": "muted",
1308
1310
  "content": "reviews",
1309
- "variant": "h4"
1311
+ "color": "muted"
1310
1312
  }
1311
1313
  ],
1312
- "type": "stack",
1313
- "direction": "horizontal"
1314
+ "gap": "sm"
1314
1315
  },
1315
1316
  {
1316
- "color": "muted",
1317
- "variant": "caption",
1317
+ "type": "typography",
1318
1318
  "content": "@config.subjectTitle",
1319
- "type": "typography"
1319
+ "variant": "caption",
1320
+ "color": "muted"
1320
1321
  }
1321
- ],
1322
- "direction": "vertical",
1323
- "type": "stack",
1324
- "gap": "xs"
1322
+ ]
1325
1323
  },
1326
1324
  {
1327
- "label": "@config.writeLabel",
1328
1325
  "type": "button",
1329
- "action": "WRITE_REVIEW",
1326
+ "label": "@config.writeLabel",
1330
1327
  "variant": "primary",
1328
+ "action": "WRITE_REVIEW",
1331
1329
  "icon": "edit"
1332
1330
  }
1333
- ]
1331
+ ],
1332
+ "align": "center",
1333
+ "direction": "horizontal"
1334
1334
  },
1335
1335
  {
1336
1336
  "children": [
1337
1337
  {
1338
+ "direction": "vertical",
1338
1339
  "children": [
1339
1340
  {
1340
- "type": "typography",
1341
1341
  "content": "Rating distribution",
1342
- "variant": "h4"
1342
+ "variant": "h4",
1343
+ "type": "typography"
1343
1344
  },
1344
1345
  {
1346
+ "gap": "sm",
1345
1347
  "type": "data-list",
1346
1348
  "fields": [],
1347
- "gap": "sm",
1348
1349
  "renderItem": [
1349
1350
  "fn",
1350
1351
  "bar",
1351
1352
  {
1352
- "gap": "md",
1353
1353
  "align": "center",
1354
1354
  "type": "stack",
1355
1355
  "direction": "horizontal",
1356
1356
  "children": [
1357
1357
  {
1358
+ "variant": "caption",
1358
1359
  "type": "typography",
1359
- "content": "@bar.label",
1360
- "variant": "caption"
1360
+ "content": "@bar.label"
1361
1361
  },
1362
1362
  {
1363
- "variant": "primary",
1363
+ "value": "@bar.percentage",
1364
1364
  "max": 100.0,
1365
1365
  "type": "progress-bar",
1366
- "value": "@bar.percentage"
1366
+ "variant": "primary"
1367
1367
  },
1368
1368
  {
1369
- "type": "typography",
1370
1369
  "variant": "caption",
1371
1370
  "color": "muted",
1372
- "content": "@bar.percentage"
1371
+ "content": "@bar.percentage",
1372
+ "type": "typography"
1373
1373
  },
1374
1374
  {
1375
- "type": "typography",
1376
1375
  "content": "%",
1377
- "variant": "caption",
1378
- "color": "muted"
1376
+ "type": "typography",
1377
+ "color": "muted",
1378
+ "variant": "caption"
1379
1379
  }
1380
- ]
1380
+ ],
1381
+ "gap": "md"
1381
1382
  }
1382
1383
  ],
1383
1384
  "entity": "@entity.starDistribution"
1384
1385
  }
1385
1386
  ],
1386
1387
  "gap": "sm",
1387
- "direction": "vertical",
1388
1388
  "type": "stack"
1389
1389
  }
1390
1390
  ],
@@ -1393,38 +1393,42 @@
1393
1393
  },
1394
1394
  {
1395
1395
  "tabChangeEvent": "CHANGE_SORT",
1396
- "type": "tabs",
1397
1396
  "activeTab": "@entity.currentSort",
1397
+ "type": "tabs",
1398
1398
  "tabs": "@config.sortOptions"
1399
1399
  },
1400
1400
  {
1401
1401
  "entity": "@entity.reviews",
1402
+ "type": "data-list",
1403
+ "fields": [],
1404
+ "gap": "md",
1402
1405
  "renderItem": [
1403
1406
  "fn",
1404
1407
  "review",
1405
1408
  {
1406
1409
  "look": "@config.cardLook",
1407
- "type": "card",
1408
1410
  "children": [
1409
1411
  {
1410
- "type": "stack",
1411
- "gap": "sm",
1412
1412
  "children": [
1413
1413
  {
1414
+ "type": "stack",
1415
+ "gap": "sm",
1416
+ "direction": "horizontal",
1417
+ "align": "center",
1414
1418
  "children": [
1415
1419
  {
1416
- "type": "icon",
1417
- "name": "@review.avatarIcon"
1420
+ "name": "@review.avatarIcon",
1421
+ "type": "icon"
1418
1422
  },
1419
1423
  {
1420
1424
  "content": "@review.authorName",
1421
- "weight": "bold",
1422
- "type": "typography"
1425
+ "type": "typography",
1426
+ "weight": "bold"
1423
1427
  },
1424
1428
  {
1425
- "type": "typography",
1426
1429
  "content": "·",
1427
- "color": "muted"
1430
+ "color": "muted",
1431
+ "type": "typography"
1428
1432
  },
1429
1433
  {
1430
1434
  "name": "star",
@@ -1432,65 +1436,61 @@
1432
1436
  "type": "icon"
1433
1437
  },
1434
1438
  {
1435
- "content": "@review.rating",
1439
+ "weight": "bold",
1436
1440
  "type": "typography",
1437
- "weight": "bold"
1441
+ "content": "@review.rating"
1438
1442
  },
1439
1443
  {
1440
- "color": "muted",
1441
1444
  "content": "·",
1442
- "type": "typography"
1445
+ "type": "typography",
1446
+ "color": "muted"
1443
1447
  },
1444
1448
  {
1445
- "color": "muted",
1449
+ "content": "@review.createdAt",
1446
1450
  "variant": "caption",
1447
- "type": "typography",
1448
- "content": "@review.createdAt"
1451
+ "color": "muted",
1452
+ "type": "typography"
1449
1453
  }
1450
- ],
1451
- "type": "stack",
1452
- "direction": "horizontal",
1453
- "align": "center",
1454
- "gap": "sm"
1454
+ ]
1455
1455
  },
1456
1456
  {
1457
- "content": "@review.comment",
1458
1457
  "type": "typography",
1458
+ "content": "@review.comment",
1459
1459
  "variant": "body"
1460
1460
  },
1461
1461
  {
1462
- "align": "center",
1463
1462
  "type": "stack",
1464
1463
  "gap": "sm",
1465
- "direction": "horizontal",
1466
1464
  "children": [
1467
1465
  {
1468
- "icon": "thumbs-up",
1469
- "variant": "ghost",
1470
1466
  "label": "Helpful",
1471
- "action": "MARK_HELPFUL",
1467
+ "variant": "ghost",
1472
1468
  "actionPayload": {
1473
1469
  "id": "@review.id"
1474
1470
  },
1471
+ "action": "MARK_HELPFUL",
1472
+ "icon": "thumbs-up",
1475
1473
  "type": "button"
1476
1474
  },
1477
1475
  {
1478
- "variant": "caption",
1479
1476
  "content": "@review.helpful",
1480
1477
  "type": "typography",
1481
- "color": "muted"
1478
+ "color": "muted",
1479
+ "variant": "caption"
1482
1480
  }
1483
- ]
1481
+ ],
1482
+ "direction": "horizontal",
1483
+ "align": "center"
1484
1484
  }
1485
1485
  ],
1486
- "direction": "vertical"
1486
+ "direction": "vertical",
1487
+ "type": "stack",
1488
+ "gap": "sm"
1487
1489
  }
1488
- ]
1490
+ ],
1491
+ "type": "card"
1489
1492
  }
1490
- ],
1491
- "gap": "md",
1492
- "fields": [],
1493
- "type": "data-list"
1493
+ ]
1494
1494
  }
1495
1495
  ],
1496
1496
  "type": "stack"
@@ -1527,46 +1527,43 @@
1527
1527
  "render-ui",
1528
1528
  "main",
1529
1529
  {
1530
- "direction": "vertical",
1531
- "gap": "lg",
1532
1530
  "type": "stack",
1533
1531
  "children": [
1534
1532
  {
1535
- "justify": "between",
1536
1533
  "align": "center",
1537
1534
  "type": "stack",
1538
1535
  "gap": "md",
1539
- "direction": "horizontal",
1536
+ "justify": "between",
1540
1537
  "children": [
1541
1538
  {
1542
1539
  "direction": "vertical",
1540
+ "type": "stack",
1543
1541
  "children": [
1544
1542
  {
1545
- "align": "center",
1546
1543
  "children": [
1547
1544
  {
1548
- "name": "star",
1549
- "type": "icon"
1545
+ "type": "icon",
1546
+ "name": "star"
1550
1547
  },
1551
1548
  {
1552
- "variant": "h3",
1553
1549
  "type": "typography",
1550
+ "variant": "h3",
1554
1551
  "content": "Reviews"
1555
1552
  },
1556
1553
  {
1557
- "color": "muted",
1558
1554
  "type": "typography",
1559
- "content": "·"
1555
+ "content": "·",
1556
+ "color": "muted"
1560
1557
  },
1561
1558
  {
1562
1559
  "type": "typography",
1563
- "variant": "h3",
1564
- "content": "@entity.averageRating"
1560
+ "content": "@entity.averageRating",
1561
+ "variant": "h3"
1565
1562
  },
1566
1563
  {
1567
1564
  "name": "star",
1568
- "color": "warning",
1569
- "type": "icon"
1565
+ "type": "icon",
1566
+ "color": "warning"
1570
1567
  },
1571
1568
  {
1572
1569
  "type": "typography",
@@ -1574,40 +1571,41 @@
1574
1571
  "color": "muted"
1575
1572
  },
1576
1573
  {
1577
- "type": "typography",
1574
+ "content": "@entity.totalReviews",
1578
1575
  "variant": "h4",
1579
1576
  "color": "muted",
1580
- "content": "@entity.totalReviews"
1577
+ "type": "typography"
1581
1578
  },
1582
1579
  {
1583
1580
  "color": "muted",
1584
1581
  "type": "typography",
1585
- "content": "reviews",
1586
- "variant": "h4"
1582
+ "variant": "h4",
1583
+ "content": "reviews"
1587
1584
  }
1588
1585
  ],
1589
- "direction": "horizontal",
1590
1586
  "gap": "sm",
1591
- "type": "stack"
1587
+ "type": "stack",
1588
+ "direction": "horizontal",
1589
+ "align": "center"
1592
1590
  },
1593
1591
  {
1594
- "color": "muted",
1595
- "variant": "caption",
1592
+ "type": "typography",
1596
1593
  "content": "@config.subjectTitle",
1597
- "type": "typography"
1594
+ "color": "muted",
1595
+ "variant": "caption"
1598
1596
  }
1599
1597
  ],
1600
- "type": "stack",
1601
1598
  "gap": "xs"
1602
1599
  },
1603
1600
  {
1604
- "label": "@config.writeLabel",
1601
+ "variant": "primary",
1605
1602
  "action": "WRITE_REVIEW",
1606
- "type": "button",
1607
1603
  "icon": "edit",
1608
- "variant": "primary"
1604
+ "type": "button",
1605
+ "label": "@config.writeLabel"
1609
1606
  }
1610
- ]
1607
+ ],
1608
+ "direction": "horizontal"
1611
1609
  },
1612
1610
  {
1613
1611
  "type": "card",
@@ -1615,87 +1613,89 @@
1615
1613
  "children": [
1616
1614
  {
1617
1615
  "direction": "vertical",
1616
+ "gap": "sm",
1617
+ "type": "stack",
1618
1618
  "children": [
1619
1619
  {
1620
- "variant": "h4",
1621
1620
  "type": "typography",
1621
+ "variant": "h4",
1622
1622
  "content": "Rating distribution"
1623
1623
  },
1624
1624
  {
1625
- "entity": "@entity.starDistribution",
1626
1625
  "gap": "sm",
1626
+ "fields": [],
1627
+ "entity": "@entity.starDistribution",
1627
1628
  "renderItem": [
1628
1629
  "fn",
1629
1630
  "bar",
1630
1631
  {
1631
- "align": "center",
1632
+ "gap": "md",
1632
1633
  "children": [
1633
1634
  {
1634
- "variant": "caption",
1635
1635
  "type": "typography",
1636
- "content": "@bar.label"
1636
+ "content": "@bar.label",
1637
+ "variant": "caption"
1637
1638
  },
1638
1639
  {
1639
1640
  "value": "@bar.percentage",
1640
- "variant": "primary",
1641
+ "max": 100.0,
1641
1642
  "type": "progress-bar",
1642
- "max": 100.0
1643
+ "variant": "primary"
1643
1644
  },
1644
1645
  {
1645
- "variant": "caption",
1646
+ "content": "@bar.percentage",
1646
1647
  "color": "muted",
1647
- "type": "typography",
1648
- "content": "@bar.percentage"
1648
+ "variant": "caption",
1649
+ "type": "typography"
1649
1650
  },
1650
1651
  {
1651
- "variant": "caption",
1652
1652
  "content": "%",
1653
1653
  "type": "typography",
1654
+ "variant": "caption",
1654
1655
  "color": "muted"
1655
1656
  }
1656
1657
  ],
1657
- "type": "stack",
1658
+ "align": "center",
1658
1659
  "direction": "horizontal",
1659
- "gap": "md"
1660
+ "type": "stack"
1660
1661
  }
1661
1662
  ],
1662
- "type": "data-list",
1663
- "fields": []
1663
+ "type": "data-list"
1664
1664
  }
1665
- ],
1666
- "gap": "sm",
1667
- "type": "stack"
1665
+ ]
1668
1666
  }
1669
1667
  ]
1670
1668
  },
1671
1669
  {
1672
- "type": "tabs",
1673
1670
  "tabs": "@config.sortOptions",
1674
- "activeTab": "@entity.currentSort",
1675
- "tabChangeEvent": "CHANGE_SORT"
1671
+ "type": "tabs",
1672
+ "tabChangeEvent": "CHANGE_SORT",
1673
+ "activeTab": "@entity.currentSort"
1676
1674
  },
1677
1675
  {
1678
- "type": "data-list",
1679
1676
  "entity": "@entity.reviews",
1680
- "gap": "md",
1677
+ "type": "data-list",
1681
1678
  "fields": [],
1679
+ "gap": "md",
1682
1680
  "renderItem": [
1683
1681
  "fn",
1684
1682
  "review",
1685
1683
  {
1684
+ "type": "card",
1686
1685
  "look": "@config.cardLook",
1687
1686
  "children": [
1688
1687
  {
1689
1688
  "direction": "vertical",
1689
+ "gap": "sm",
1690
1690
  "children": [
1691
1691
  {
1692
+ "direction": "horizontal",
1692
1693
  "gap": "sm",
1693
- "type": "stack",
1694
1694
  "align": "center",
1695
1695
  "children": [
1696
1696
  {
1697
- "name": "@review.avatarIcon",
1698
- "type": "icon"
1697
+ "type": "icon",
1698
+ "name": "@review.avatarIcon"
1699
1699
  },
1700
1700
  {
1701
1701
  "type": "typography",
@@ -1708,68 +1708,68 @@
1708
1708
  "color": "muted"
1709
1709
  },
1710
1710
  {
1711
+ "type": "icon",
1711
1712
  "name": "star",
1712
- "color": "warning",
1713
- "type": "icon"
1713
+ "color": "warning"
1714
1714
  },
1715
1715
  {
1716
- "content": "@review.rating",
1717
1716
  "type": "typography",
1718
- "weight": "bold"
1717
+ "weight": "bold",
1718
+ "content": "@review.rating"
1719
1719
  },
1720
1720
  {
1721
+ "type": "typography",
1721
1722
  "content": "·",
1722
- "color": "muted",
1723
- "type": "typography"
1723
+ "color": "muted"
1724
1724
  },
1725
1725
  {
1726
1726
  "type": "typography",
1727
1727
  "color": "muted",
1728
- "variant": "caption",
1729
- "content": "@review.createdAt"
1728
+ "content": "@review.createdAt",
1729
+ "variant": "caption"
1730
1730
  }
1731
1731
  ],
1732
- "direction": "horizontal"
1732
+ "type": "stack"
1733
1733
  },
1734
1734
  {
1735
1735
  "variant": "body",
1736
- "type": "typography",
1737
- "content": "@review.comment"
1736
+ "content": "@review.comment",
1737
+ "type": "typography"
1738
1738
  },
1739
1739
  {
1740
+ "direction": "horizontal",
1741
+ "type": "stack",
1742
+ "align": "center",
1743
+ "gap": "sm",
1740
1744
  "children": [
1741
1745
  {
1742
- "type": "button",
1743
- "action": "MARK_HELPFUL",
1744
- "variant": "ghost",
1745
1746
  "actionPayload": {
1746
1747
  "id": "@review.id"
1747
1748
  },
1749
+ "variant": "ghost",
1750
+ "action": "MARK_HELPFUL",
1748
1751
  "label": "Helpful",
1752
+ "type": "button",
1749
1753
  "icon": "thumbs-up"
1750
1754
  },
1751
1755
  {
1752
- "type": "typography",
1753
- "content": "@review.helpful",
1754
1756
  "variant": "caption",
1757
+ "content": "@review.helpful",
1758
+ "type": "typography",
1755
1759
  "color": "muted"
1756
1760
  }
1757
- ],
1758
- "gap": "sm",
1759
- "type": "stack",
1760
- "direction": "horizontal",
1761
- "align": "center"
1761
+ ]
1762
1762
  }
1763
1763
  ],
1764
- "gap": "sm",
1765
1764
  "type": "stack"
1766
1765
  }
1767
- ],
1768
- "type": "card"
1766
+ ]
1769
1767
  }
1770
1768
  ]
1771
1769
  }
1772
- ]
1770
+ ],
1771
+ "direction": "vertical",
1772
+ "gap": "lg"
1773
1773
  }
1774
1774
  ]
1775
1775
  ]
@@ -1803,48 +1803,44 @@
1803
1803
  "render-ui",
1804
1804
  "main",
1805
1805
  {
1806
- "direction": "vertical",
1807
- "gap": "md",
1808
- "type": "stack",
1809
1806
  "children": [
1810
1807
  {
1811
- "type": "stack",
1808
+ "direction": "horizontal",
1812
1809
  "children": [
1813
1810
  {
1814
- "type": "button",
1815
- "variant": "ghost",
1816
1811
  "label": "Back",
1812
+ "variant": "ghost",
1813
+ "icon": "arrow-left",
1817
1814
  "action": "CANCEL_REVIEW",
1818
- "icon": "arrow-left"
1815
+ "type": "button"
1819
1816
  },
1820
1817
  {
1821
- "type": "icon",
1822
- "name": "edit"
1818
+ "name": "edit",
1819
+ "type": "icon"
1823
1820
  },
1824
1821
  {
1825
- "variant": "h3",
1822
+ "content": "Write a review",
1826
1823
  "type": "typography",
1827
- "content": "Write a review"
1824
+ "variant": "h3"
1828
1825
  }
1829
1826
  ],
1830
- "gap": "sm",
1831
- "direction": "horizontal",
1832
- "align": "center"
1827
+ "type": "stack",
1828
+ "align": "center",
1829
+ "gap": "sm"
1833
1830
  },
1834
1831
  {
1835
- "look": "@config.cardLook",
1836
1832
  "type": "card",
1833
+ "look": "@config.cardLook",
1837
1834
  "children": [
1838
1835
  {
1839
- "direction": "vertical",
1840
- "gap": "md",
1841
1836
  "type": "stack",
1837
+ "direction": "vertical",
1842
1838
  "children": [
1843
1839
  {
1844
- "content": "@config.subjectTitle",
1845
- "color": "muted",
1840
+ "type": "typography",
1846
1841
  "variant": "caption",
1847
- "type": "typography"
1842
+ "content": "@config.subjectTitle",
1843
+ "color": "muted"
1848
1844
  },
1849
1845
  {
1850
1846
  "type": "typography",
@@ -1852,10 +1848,10 @@
1852
1848
  "variant": "h4"
1853
1849
  },
1854
1850
  {
1851
+ "type": "star-rating",
1855
1852
  "value": "@entity.draftRating",
1856
- "max": 5.0,
1857
1853
  "action": "RATE_DRAFT",
1858
- "type": "star-rating"
1854
+ "max": 5.0
1859
1855
  },
1860
1856
  {
1861
1857
  "type": "typography",
@@ -1863,19 +1859,23 @@
1863
1859
  "variant": "h4"
1864
1860
  },
1865
1861
  {
1862
+ "cancelEvent": "CANCEL_REVIEW",
1866
1863
  "fields": "@config.reviewFields",
1867
1864
  "entity": "@entity",
1868
- "mode": "edit",
1869
1865
  "submitEvent": "SUBMIT_REVIEW",
1870
- "type": "form-section",
1871
1866
  "submitLabel": "@config.submitLabel",
1872
- "cancelEvent": "CANCEL_REVIEW"
1867
+ "mode": "edit",
1868
+ "type": "form-section"
1873
1869
  }
1874
- ]
1870
+ ],
1871
+ "gap": "md"
1875
1872
  }
1876
1873
  ]
1877
1874
  }
1878
- ]
1875
+ ],
1876
+ "gap": "md",
1877
+ "type": "stack",
1878
+ "direction": "vertical"
1879
1879
  }
1880
1880
  ]
1881
1881
  ]
@@ -1904,22 +1904,22 @@
1904
1904
  "render-ui",
1905
1905
  "main",
1906
1906
  {
1907
- "gap": "md",
1908
- "direction": "vertical",
1909
1907
  "type": "stack",
1910
- "align": "center",
1911
1908
  "children": [
1912
1909
  {
1913
- "size": "lg",
1914
1910
  "type": "icon",
1915
- "name": "send"
1911
+ "name": "send",
1912
+ "size": "lg"
1916
1913
  },
1917
1914
  {
1918
1915
  "content": "Submitting your review…",
1919
- "type": "typography",
1920
- "variant": "h3"
1916
+ "variant": "h3",
1917
+ "type": "typography"
1921
1918
  }
1922
- ]
1919
+ ],
1920
+ "direction": "vertical",
1921
+ "gap": "md",
1922
+ "align": "center"
1923
1923
  }
1924
1924
  ]
1925
1925
  ]
@@ -1943,8 +1943,8 @@
1943
1943
  "render-ui",
1944
1944
  "main",
1945
1945
  {
1946
- "type": "loading-state",
1947
- "title": "Returning…"
1946
+ "title": "Returning…",
1947
+ "type": "loading-state"
1948
1948
  }
1949
1949
  ]
1950
1950
  ]
@@ -1958,37 +1958,37 @@
1958
1958
  "render-ui",
1959
1959
  "main",
1960
1960
  {
1961
- "direction": "vertical",
1961
+ "align": "center",
1962
1962
  "children": [
1963
1963
  {
1964
- "name": "check-circle",
1964
+ "type": "icon",
1965
1965
  "size": "lg",
1966
- "type": "icon"
1966
+ "name": "check-circle"
1967
1967
  },
1968
1968
  {
1969
- "align": "center",
1970
1969
  "type": "typography",
1971
- "variant": "h2",
1972
- "content": "Thanks for your review!"
1970
+ "content": "Thanks for your review!",
1971
+ "align": "center",
1972
+ "variant": "h2"
1973
1973
  },
1974
1974
  {
1975
- "type": "typography",
1976
1975
  "content": "It will appear on the page shortly.",
1977
- "align": "center",
1978
1976
  "color": "muted",
1979
- "variant": "body"
1977
+ "type": "typography",
1978
+ "variant": "body",
1979
+ "align": "center"
1980
1980
  },
1981
1981
  {
1982
- "variant": "primary",
1983
1982
  "label": "Back to reviews",
1984
1983
  "action": "RESTART",
1984
+ "type": "button",
1985
1985
  "icon": "arrow-left",
1986
- "type": "button"
1986
+ "variant": "primary"
1987
1987
  }
1988
1988
  ],
1989
- "align": "center",
1990
1989
  "gap": "lg",
1991
- "type": "stack"
1990
+ "type": "stack",
1991
+ "direction": "vertical"
1992
1992
  }
1993
1993
  ]
1994
1994
  ]
@@ -2007,9 +2007,9 @@
2007
2007
  "render-ui",
2008
2008
  "main",
2009
2009
  {
2010
- "type": "error-state",
2010
+ "title": "Submit failed",
2011
2011
  "message": "@entity.errorMessage",
2012
- "title": "Submit failed"
2012
+ "type": "error-state"
2013
2013
  }
2014
2014
  ]
2015
2015
  ]
@@ -2024,8 +2024,8 @@
2024
2024
  "ReviewView",
2025
2025
  {
2026
2026
  "emit": {
2027
- "success": "ReviewsLoaded",
2028
- "failure": "ReviewsLoadFailed"
2027
+ "failure": "ReviewsLoadFailed",
2028
+ "success": "ReviewsLoaded"
2029
2029
  }
2030
2030
  }
2031
2031
  ],
@@ -2033,8 +2033,8 @@
2033
2033
  "render-ui",
2034
2034
  "main",
2035
2035
  {
2036
- "type": "loading-state",
2037
- "title": "Refreshing reviews…"
2036
+ "title": "Refreshing reviews…",
2037
+ "type": "loading-state"
2038
2038
  }
2039
2039
  ]
2040
2040
  ]
@@ -2049,8 +2049,8 @@
2049
2049
  "ReviewView",
2050
2050
  {
2051
2051
  "emit": {
2052
- "failure": "ReviewsLoadFailed",
2053
- "success": "ReviewsLoaded"
2052
+ "success": "ReviewsLoaded",
2053
+ "failure": "ReviewsLoadFailed"
2054
2054
  }
2055
2055
  }
2056
2056
  ],
@@ -2058,8 +2058,8 @@
2058
2058
  "render-ui",
2059
2059
  "main",
2060
2060
  {
2061
- "title": "Retrying…",
2062
- "type": "loading-state"
2061
+ "type": "loading-state",
2062
+ "title": "Retrying…"
2063
2063
  }
2064
2064
  ]
2065
2065
  ]
@@ -2067,6 +2067,13 @@
2067
2067
  ]
2068
2068
  },
2069
2069
  "config": {
2070
+ "submitLabel": {
2071
+ "type": "string",
2072
+ "default": "Submit review",
2073
+ "label": "Submit button",
2074
+ "description": "Label on the primary submit-review button",
2075
+ "tier": "presentation"
2076
+ },
2070
2077
  "writeLabel": {
2071
2078
  "type": "string",
2072
2079
  "default": "Write a review",
@@ -2074,82 +2081,98 @@
2074
2081
  "description": "Label on the call-to-action that opens the compose form",
2075
2082
  "tier": "presentation"
2076
2083
  },
2077
- "submitLabel": {
2078
- "type": "string",
2079
- "default": "Submit review",
2080
- "label": "Submit button",
2081
- "description": "Label on the primary submit-review button",
2082
- "tier": "presentation"
2084
+ "reviewFields": {
2085
+ "type": "[string]",
2086
+ "default": [
2087
+ "draftComment"
2088
+ ],
2089
+ "label": "Review form fields",
2090
+ "description": "Inputs shown in the review compose form",
2091
+ "tier": "presentation",
2092
+ "items": {
2093
+ "type": "string"
2094
+ }
2083
2095
  },
2084
- "sortOptions": {
2085
- "type": "[SortOption]",
2096
+ "starDistribution": {
2097
+ "type": "[StarBucket]",
2086
2098
  "default": [
2087
2099
  {
2088
- "label": "Most recent",
2089
- "icon": "clock",
2090
- "id": "recent"
2100
+ "percentage": 74.0,
2101
+ "label": "5 stars"
2091
2102
  },
2092
2103
  {
2093
- "label": "Top rated",
2094
- "icon": "star",
2095
- "id": "highest"
2104
+ "percentage": 18.0,
2105
+ "label": "4 stars"
2096
2106
  },
2097
2107
  {
2098
- "label": "Lowest",
2099
- "id": "lowest",
2100
- "icon": "trending-down"
2108
+ "percentage": 5.0,
2109
+ "label": "3 stars"
2110
+ },
2111
+ {
2112
+ "percentage": 2.0,
2113
+ "label": "2 stars"
2114
+ },
2115
+ {
2116
+ "percentage": 1.0,
2117
+ "label": "1 star"
2101
2118
  }
2102
2119
  ],
2103
- "label": "Sort tabs",
2104
- "description": "Sort modes shown as tabs above the reviews list",
2120
+ "label": "Star bars",
2121
+ "description": "Per-star distribution displayed as horizontal progress bars",
2105
2122
  "tier": "presentation",
2106
2123
  "items": {
2107
2124
  "type": "object",
2108
2125
  "properties": {
2109
- "icon": {
2110
- "name": "icon",
2111
- "type": "string",
2112
- "required": false
2113
- },
2114
- "id": {
2115
- "name": "id",
2116
- "type": "string",
2117
- "required": true
2118
- },
2119
2126
  "label": {
2120
2127
  "name": "label",
2121
2128
  "type": "string",
2122
2129
  "required": true
2130
+ },
2131
+ "percentage": {
2132
+ "name": "percentage",
2133
+ "type": "number",
2134
+ "required": true
2123
2135
  }
2124
2136
  }
2125
2137
  }
2126
2138
  },
2127
- "starDistribution": {
2128
- "type": "[StarBucket]",
2139
+ "cardLook": {
2140
+ "type": "string",
2141
+ "default": "elevated",
2142
+ "label": "Card look",
2143
+ "description": "Layer 2 visual treatment for cards rendered by this atom.",
2144
+ "tier": "presentation",
2145
+ "values": [
2146
+ "elevated",
2147
+ "flat-bordered",
2148
+ "borderless-divider",
2149
+ "ticket",
2150
+ "invoice",
2151
+ "chip",
2152
+ "tile-image-first"
2153
+ ]
2154
+ },
2155
+ "sortOptions": {
2156
+ "type": "[SortOption]",
2129
2157
  "default": [
2130
2158
  {
2131
- "percentage": 74.0,
2132
- "label": "5 stars"
2133
- },
2134
- {
2135
- "label": "4 stars",
2136
- "percentage": 18.0
2137
- },
2138
- {
2139
- "label": "3 stars",
2140
- "percentage": 5.0
2159
+ "id": "recent",
2160
+ "icon": "clock",
2161
+ "label": "Most recent"
2141
2162
  },
2142
2163
  {
2143
- "percentage": 2.0,
2144
- "label": "2 stars"
2164
+ "id": "highest",
2165
+ "label": "Top rated",
2166
+ "icon": "star"
2145
2167
  },
2146
2168
  {
2147
- "percentage": 1.0,
2148
- "label": "1 star"
2169
+ "label": "Lowest",
2170
+ "id": "lowest",
2171
+ "icon": "trending-down"
2149
2172
  }
2150
2173
  ],
2151
- "label": "Star bars",
2152
- "description": "Per-star distribution displayed as horizontal progress bars",
2174
+ "label": "Sort tabs",
2175
+ "description": "Sort modes shown as tabs above the reviews list",
2153
2176
  "tier": "presentation",
2154
2177
  "items": {
2155
2178
  "type": "object",
@@ -2159,10 +2182,15 @@
2159
2182
  "type": "string",
2160
2183
  "required": true
2161
2184
  },
2162
- "percentage": {
2163
- "name": "percentage",
2164
- "type": "number",
2185
+ "id": {
2186
+ "name": "id",
2187
+ "type": "string",
2165
2188
  "required": true
2189
+ },
2190
+ "icon": {
2191
+ "name": "icon",
2192
+ "type": "string",
2193
+ "required": false
2166
2194
  }
2167
2195
  }
2168
2196
  }
@@ -2174,40 +2202,12 @@
2174
2202
  "description": "Name of the item being reviewed (shown in the header)",
2175
2203
  "tier": "presentation"
2176
2204
  },
2177
- "reviewFields": {
2178
- "type": "[string]",
2179
- "default": [
2180
- "draftComment"
2181
- ],
2182
- "label": "Review form fields",
2183
- "description": "Inputs shown in the review compose form",
2184
- "tier": "presentation",
2185
- "items": {
2186
- "type": "string"
2187
- }
2188
- },
2189
2205
  "cancelLabel": {
2190
2206
  "type": "string",
2191
2207
  "default": "Cancel",
2192
2208
  "label": "Cancel button",
2193
2209
  "description": "Label on the cancel button inside the compose form",
2194
2210
  "tier": "presentation"
2195
- },
2196
- "cardLook": {
2197
- "type": "string",
2198
- "default": "elevated",
2199
- "label": "Card look",
2200
- "description": "Layer 2 visual treatment for cards rendered by this atom.",
2201
- "tier": "presentation",
2202
- "values": [
2203
- "elevated",
2204
- "flat-bordered",
2205
- "borderless-divider",
2206
- "ticket",
2207
- "invoice",
2208
- "chip",
2209
- "tile-image-first"
2210
- ]
2211
2211
  }
2212
2212
  },
2213
2213
  "scope": "instance"
@@ -2360,9 +2360,6 @@
2360
2360
  {
2361
2361
  "children": [
2362
2362
  {
2363
- "direction": "vertical",
2364
- "type": "stack",
2365
- "gap": "md",
2366
2363
  "children": [
2367
2364
  {
2368
2365
  "type": "typography",
@@ -2370,27 +2367,30 @@
2370
2367
  "variant": "h3"
2371
2368
  },
2372
2369
  {
2373
- "max": "@config.maxStars",
2374
- "value": "@entity.draftRating",
2375
2370
  "type": "star-rating",
2376
- "action": "RATE_DRAFT"
2371
+ "value": "@entity.draftRating",
2372
+ "action": "RATE_DRAFT",
2373
+ "max": "@config.maxStars"
2377
2374
  },
2378
2375
  {
2376
+ "submitLabel": "@config.submitLabel",
2377
+ "entity": "@entity",
2378
+ "mode": "edit",
2379
2379
  "fields": [
2380
2380
  "draftComment"
2381
2381
  ],
2382
- "mode": "edit",
2383
2382
  "cancelEvent": "CANCEL_REVIEW",
2384
- "submitLabel": "@config.submitLabel",
2385
2383
  "type": "form-section",
2386
- "submitEvent": "SUBMIT_REVIEW",
2387
- "entity": "@entity"
2384
+ "submitEvent": "SUBMIT_REVIEW"
2388
2385
  }
2389
- ]
2386
+ ],
2387
+ "type": "stack",
2388
+ "direction": "vertical",
2389
+ "gap": "md"
2390
2390
  }
2391
2391
  ],
2392
- "type": "card",
2393
- "look": "@config.cardLook"
2392
+ "look": "@config.cardLook",
2393
+ "type": "card"
2394
2394
  }
2395
2395
  ]
2396
2396
  ]
@@ -2409,38 +2409,38 @@
2409
2409
  "render-ui",
2410
2410
  "main",
2411
2411
  {
2412
- "look": "@config.cardLook",
2413
2412
  "children": [
2414
2413
  {
2415
2414
  "gap": "md",
2416
2415
  "type": "stack",
2417
- "direction": "vertical",
2418
2416
  "children": [
2419
2417
  {
2420
2418
  "type": "typography",
2421
- "content": "@config.title",
2422
- "variant": "h3"
2419
+ "variant": "h3",
2420
+ "content": "@config.title"
2423
2421
  },
2424
2422
  {
2425
- "value": "@entity.draftRating",
2423
+ "max": "@config.maxStars",
2426
2424
  "type": "star-rating",
2427
2425
  "action": "RATE_DRAFT",
2428
- "max": "@config.maxStars"
2426
+ "value": "@entity.draftRating"
2429
2427
  },
2430
2428
  {
2429
+ "fields": [
2430
+ "draftComment"
2431
+ ],
2432
+ "cancelEvent": "CANCEL_REVIEW",
2431
2433
  "type": "form-section",
2434
+ "submitLabel": "@config.submitLabel",
2432
2435
  "entity": "@entity",
2433
- "mode": "edit",
2434
- "cancelEvent": "CANCEL_REVIEW",
2435
2436
  "submitEvent": "SUBMIT_REVIEW",
2436
- "submitLabel": "@config.submitLabel",
2437
- "fields": [
2438
- "draftComment"
2439
- ]
2437
+ "mode": "edit"
2440
2438
  }
2441
- ]
2439
+ ],
2440
+ "direction": "vertical"
2442
2441
  }
2443
2442
  ],
2443
+ "look": "@config.cardLook",
2444
2444
  "type": "card"
2445
2445
  }
2446
2446
  ]
@@ -2461,8 +2461,8 @@
2461
2461
  },
2462
2462
  {
2463
2463
  "emit": {
2464
- "failure": "ReviewSaveFailed",
2465
- "success": "ReviewSaved"
2464
+ "success": "ReviewSaved",
2465
+ "failure": "ReviewSaveFailed"
2466
2466
  }
2467
2467
  }
2468
2468
  ],
@@ -2470,8 +2470,9 @@
2470
2470
  "render-ui",
2471
2471
  "main",
2472
2472
  {
2473
- "type": "stack",
2474
2473
  "align": "center",
2474
+ "gap": "md",
2475
+ "type": "stack",
2475
2476
  "children": [
2476
2477
  {
2477
2478
  "type": "icon",
@@ -2479,13 +2480,12 @@
2479
2480
  "size": "lg"
2480
2481
  },
2481
2482
  {
2482
- "type": "typography",
2483
2483
  "variant": "h3",
2484
+ "type": "typography",
2484
2485
  "content": "Submitting…"
2485
2486
  }
2486
2487
  ],
2487
- "direction": "vertical",
2488
- "gap": "md"
2488
+ "direction": "vertical"
2489
2489
  }
2490
2490
  ]
2491
2491
  ]
@@ -2510,11 +2510,8 @@
2510
2510
  "main",
2511
2511
  {
2512
2512
  "look": "@config.cardLook",
2513
- "type": "card",
2514
2513
  "children": [
2515
2514
  {
2516
- "type": "stack",
2517
- "gap": "md",
2518
2515
  "children": [
2519
2516
  {
2520
2517
  "variant": "h3",
@@ -2522,26 +2519,29 @@
2522
2519
  "content": "@config.title"
2523
2520
  },
2524
2521
  {
2525
- "value": 0.0,
2526
2522
  "type": "star-rating",
2527
2523
  "max": "@config.maxStars",
2524
+ "value": 0.0,
2528
2525
  "action": "RATE_DRAFT"
2529
2526
  },
2530
2527
  {
2528
+ "submitEvent": "SUBMIT_REVIEW",
2529
+ "submitLabel": "@config.submitLabel",
2531
2530
  "fields": [
2532
2531
  "draftComment"
2533
2532
  ],
2534
- "mode": "edit",
2535
- "entity": "@entity",
2536
2533
  "type": "form-section",
2537
- "submitEvent": "SUBMIT_REVIEW",
2538
2534
  "cancelEvent": "CANCEL_REVIEW",
2539
- "submitLabel": "@config.submitLabel"
2535
+ "entity": "@entity",
2536
+ "mode": "edit"
2540
2537
  }
2541
2538
  ],
2542
- "direction": "vertical"
2539
+ "direction": "vertical",
2540
+ "gap": "md",
2541
+ "type": "stack"
2543
2542
  }
2544
- ]
2543
+ ],
2544
+ "type": "card"
2545
2545
  }
2546
2546
  ]
2547
2547
  ]
@@ -2555,22 +2555,22 @@
2555
2555
  "render-ui",
2556
2556
  "main",
2557
2557
  {
2558
- "direction": "vertical",
2558
+ "type": "stack",
2559
2559
  "gap": "lg",
2560
- "align": "center",
2560
+ "direction": "vertical",
2561
2561
  "children": [
2562
2562
  {
2563
2563
  "size": "lg",
2564
- "name": "check-circle",
2565
- "type": "icon"
2564
+ "type": "icon",
2565
+ "name": "check-circle"
2566
2566
  },
2567
2567
  {
2568
2568
  "variant": "h2",
2569
- "content": "Thanks for your review!",
2570
- "type": "typography"
2569
+ "type": "typography",
2570
+ "content": "Thanks for your review!"
2571
2571
  }
2572
2572
  ],
2573
- "type": "stack"
2573
+ "align": "center"
2574
2574
  }
2575
2575
  ]
2576
2576
  ]
@@ -2589,8 +2589,8 @@
2589
2589
  "render-ui",
2590
2590
  "main",
2591
2591
  {
2592
- "title": "Submit failed",
2593
2592
  "type": "error-state",
2593
+ "title": "Submit failed",
2594
2594
  "message": "@entity.errorMessage"
2595
2595
  }
2596
2596
  ]
@@ -2615,39 +2615,39 @@
2615
2615
  "render-ui",
2616
2616
  "main",
2617
2617
  {
2618
- "look": "@config.cardLook",
2619
- "type": "card",
2620
2618
  "children": [
2621
2619
  {
2620
+ "direction": "vertical",
2622
2621
  "type": "stack",
2623
2622
  "gap": "md",
2624
2623
  "children": [
2625
2624
  {
2625
+ "variant": "h3",
2626
2626
  "content": "@config.title",
2627
- "type": "typography",
2628
- "variant": "h3"
2627
+ "type": "typography"
2629
2628
  },
2630
2629
  {
2631
2630
  "value": 0.0,
2632
2631
  "action": "RATE_DRAFT",
2633
- "max": "@config.maxStars",
2634
- "type": "star-rating"
2632
+ "type": "star-rating",
2633
+ "max": "@config.maxStars"
2635
2634
  },
2636
2635
  {
2637
- "type": "form-section",
2638
- "submitEvent": "SUBMIT_REVIEW",
2639
2636
  "cancelEvent": "CANCEL_REVIEW",
2640
- "entity": "@entity",
2637
+ "type": "form-section",
2641
2638
  "mode": "edit",
2642
- "submitLabel": "@config.submitLabel",
2639
+ "entity": "@entity",
2640
+ "submitEvent": "SUBMIT_REVIEW",
2643
2641
  "fields": [
2644
2642
  "draftComment"
2645
- ]
2643
+ ],
2644
+ "submitLabel": "@config.submitLabel"
2646
2645
  }
2647
- ],
2648
- "direction": "vertical"
2646
+ ]
2649
2647
  }
2650
- ]
2648
+ ],
2649
+ "type": "card",
2650
+ "look": "@config.cardLook"
2651
2651
  }
2652
2652
  ]
2653
2653
  ]
@@ -2661,11 +2661,12 @@
2661
2661
  "render-ui",
2662
2662
  "main",
2663
2663
  {
2664
+ "look": "@config.cardLook",
2665
+ "type": "card",
2664
2666
  "children": [
2665
2667
  {
2666
- "type": "stack",
2667
2668
  "gap": "md",
2668
- "direction": "vertical",
2669
+ "type": "stack",
2669
2670
  "children": [
2670
2671
  {
2671
2672
  "variant": "h3",
@@ -2673,27 +2674,26 @@
2673
2674
  "content": "@config.title"
2674
2675
  },
2675
2676
  {
2676
- "action": "RATE_DRAFT",
2677
+ "type": "star-rating",
2677
2678
  "value": 0.0,
2678
- "max": "@config.maxStars",
2679
- "type": "star-rating"
2679
+ "action": "RATE_DRAFT",
2680
+ "max": "@config.maxStars"
2680
2681
  },
2681
2682
  {
2683
+ "submitEvent": "SUBMIT_REVIEW",
2684
+ "type": "form-section",
2682
2685
  "submitLabel": "@config.submitLabel",
2686
+ "cancelEvent": "CANCEL_REVIEW",
2683
2687
  "fields": [
2684
2688
  "draftComment"
2685
2689
  ],
2686
- "cancelEvent": "CANCEL_REVIEW",
2687
- "type": "form-section",
2688
- "entity": "@entity",
2689
- "submitEvent": "SUBMIT_REVIEW",
2690
- "mode": "edit"
2690
+ "mode": "edit",
2691
+ "entity": "@entity"
2691
2692
  }
2692
- ]
2693
+ ],
2694
+ "direction": "vertical"
2693
2695
  }
2694
- ],
2695
- "type": "card",
2696
- "look": "@config.cardLook"
2696
+ ]
2697
2697
  }
2698
2698
  ]
2699
2699
  ]
@@ -2701,27 +2701,6 @@
2701
2701
  ]
2702
2702
  },
2703
2703
  "config": {
2704
- "submitEvent": {
2705
- "type": "string",
2706
- "default": "SUBMIT_REVIEW",
2707
- "label": "Submit event",
2708
- "description": "Event emitted when the user submits the form",
2709
- "tier": "internal"
2710
- },
2711
- "maxStars": {
2712
- "type": "number",
2713
- "default": 5.0,
2714
- "label": "Max stars",
2715
- "description": "Top of the rating scale (typically 5)",
2716
- "tier": "domain"
2717
- },
2718
- "allowPhotos": {
2719
- "type": "boolean",
2720
- "default": false,
2721
- "label": "Allow photos",
2722
- "description": "Let the user attach photos to the review",
2723
- "tier": "presentation"
2724
- },
2725
2704
  "title": {
2726
2705
  "type": "string",
2727
2706
  "default": "Write a review",
@@ -2736,6 +2715,43 @@
2736
2715
  "description": "Show a free-text comment field below the stars",
2737
2716
  "tier": "presentation"
2738
2717
  },
2718
+ "submitLabel": {
2719
+ "type": "string",
2720
+ "default": "Submit review",
2721
+ "label": "Submit button",
2722
+ "description": "Label on the primary submit button",
2723
+ "tier": "presentation"
2724
+ },
2725
+ "allowPhotos": {
2726
+ "type": "boolean",
2727
+ "default": false,
2728
+ "label": "Allow photos",
2729
+ "description": "Let the user attach photos to the review",
2730
+ "tier": "presentation"
2731
+ },
2732
+ "cardLook": {
2733
+ "type": "string",
2734
+ "default": "elevated",
2735
+ "label": "Card look",
2736
+ "description": "Visual style of the wrapper card. Layer 2 cardLook knob — render-ui references @config.cardLook on the compose card.",
2737
+ "tier": "presentation",
2738
+ "values": [
2739
+ "elevated",
2740
+ "flat-bordered",
2741
+ "borderless-divider",
2742
+ "ticket",
2743
+ "invoice",
2744
+ "chip",
2745
+ "tile-image-first"
2746
+ ]
2747
+ },
2748
+ "maxStars": {
2749
+ "type": "number",
2750
+ "default": 5.0,
2751
+ "label": "Max stars",
2752
+ "description": "Top of the rating scale (typically 5)",
2753
+ "tier": "domain"
2754
+ },
2739
2755
  "cancelLabel": {
2740
2756
  "type": "string",
2741
2757
  "default": "Cancel",
@@ -2743,12 +2759,12 @@
2743
2759
  "description": "Label on the cancel button",
2744
2760
  "tier": "presentation"
2745
2761
  },
2746
- "submitLabel": {
2762
+ "submitEvent": {
2747
2763
  "type": "string",
2748
- "default": "Submit review",
2749
- "label": "Submit button",
2750
- "description": "Label on the primary submit button",
2751
- "tier": "presentation"
2764
+ "default": "SUBMIT_REVIEW",
2765
+ "label": "Submit event",
2766
+ "description": "Event emitted when the user submits the form",
2767
+ "tier": "internal"
2752
2768
  }
2753
2769
  },
2754
2770
  "scope": "instance"
@@ -2776,4 +2792,4 @@
2776
2792
  ]
2777
2793
  }
2778
2794
  ]
2779
- }
2795
+ }