@almadar/std 15.2.0 → 15.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/behaviors/registry/app/organisms/std-coding-academy.orb +191 -189
  2. package/behaviors/registry/core/atoms/std-app-layout.orb +46 -44
  3. package/behaviors/registry/core/atoms/std-dashboard-grid-layout.orb +99 -61
  4. package/behaviors/registry/core/atoms/std-display.orb +7 -5
  5. package/behaviors/registry/core/atoms/std-multi-party-flow.orb +519 -515
  6. package/behaviors/registry/core/atoms/std-stack-layout.orb +15 -13
  7. package/behaviors/registry/core/molecules/std-master-detail-layout.orb +19 -13
  8. package/behaviors/registry/core/molecules/std-tabs-layout.orb +13 -9
  9. package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +191 -189
  10. package/dist/behaviors/registry/core/atoms/std-app-layout.orb +46 -44
  11. package/dist/behaviors/registry/core/atoms/std-dashboard-grid-layout.orb +99 -61
  12. package/dist/behaviors/registry/core/atoms/std-display.orb +7 -5
  13. package/dist/behaviors/registry/core/atoms/std-multi-party-flow.orb +519 -515
  14. package/dist/behaviors/registry/core/atoms/std-stack-layout.orb +15 -13
  15. package/dist/behaviors/registry/core/molecules/std-master-detail-layout.orb +19 -13
  16. package/dist/behaviors/registry/core/molecules/std-tabs-layout.orb +13 -9
  17. package/dist/registry/app/organisms/std-coding-academy.orb +191 -189
  18. package/dist/registry/core/atoms/std-app-layout.orb +46 -44
  19. package/dist/registry/core/atoms/std-dashboard-grid-layout.orb +99 -61
  20. package/dist/registry/core/atoms/std-display.orb +7 -5
  21. package/dist/registry/core/atoms/std-multi-party-flow.orb +519 -515
  22. package/dist/registry/core/atoms/std-stack-layout.orb +15 -13
  23. package/dist/registry/core/molecules/std-master-detail-layout.orb +19 -13
  24. package/dist/registry/core/molecules/std-tabs-layout.orb +13 -9
  25. package/package.json +1 -1
@@ -21,32 +21,32 @@
21
21
  "items": {
22
22
  "type": "object",
23
23
  "properties": {
24
- "actor": {
25
- "name": "actor",
24
+ "actionIcon": {
25
+ "name": "actionIcon",
26
26
  "type": "string"
27
27
  },
28
- "title": {
29
- "name": "title",
28
+ "description": {
29
+ "name": "description",
30
30
  "type": "string"
31
31
  },
32
- "icon": {
33
- "name": "icon",
32
+ "id": {
33
+ "name": "id",
34
34
  "type": "string"
35
35
  },
36
36
  "actionLabel": {
37
37
  "name": "actionLabel",
38
38
  "type": "string"
39
39
  },
40
- "description": {
41
- "name": "description",
40
+ "actor": {
41
+ "name": "actor",
42
42
  "type": "string"
43
43
  },
44
- "actionIcon": {
45
- "name": "actionIcon",
44
+ "title": {
45
+ "name": "title",
46
46
  "type": "string"
47
47
  },
48
- "id": {
49
- "name": "id",
48
+ "icon": {
49
+ "name": "icon",
50
50
  "type": "string"
51
51
  }
52
52
  }
@@ -119,21 +119,21 @@
119
119
  "error"
120
120
  ]
121
121
  },
122
- "id": {
123
- "name": "id",
124
- "type": "string"
125
- },
126
122
  "title": {
127
123
  "name": "title",
128
124
  "type": "string"
129
125
  },
130
- "timestamp": {
131
- "name": "timestamp",
132
- "type": "string"
133
- },
134
126
  "description": {
135
127
  "name": "description",
136
128
  "type": "string"
129
+ },
130
+ "id": {
131
+ "name": "id",
132
+ "type": "string"
133
+ },
134
+ "timestamp": {
135
+ "name": "timestamp",
136
+ "type": "string"
137
137
  }
138
138
  }
139
139
  }
@@ -389,8 +389,8 @@
389
389
  "render-ui",
390
390
  "main",
391
391
  {
392
- "type": "loading-state",
393
- "title": "Loading transaction…"
392
+ "title": "Loading transaction…",
393
+ "type": "loading-state"
394
394
  }
395
395
  ]
396
396
  ]
@@ -423,23 +423,17 @@
423
423
  "fn",
424
424
  "party",
425
425
  {
426
- "id": [
427
- "object/get",
428
- "@party",
429
- "id"
430
- ],
431
- "icon": [
432
- "object/get",
433
- "@party",
434
- "icon",
435
- "user"
436
- ],
437
426
  "actionLabel": [
438
427
  "object/get",
439
428
  "@party",
440
429
  "actionLabel",
441
430
  "Confirm"
442
431
  ],
432
+ "id": [
433
+ "object/get",
434
+ "@party",
435
+ "id"
436
+ ],
443
437
  "actionIcon": [
444
438
  "object/get",
445
439
  "@party",
@@ -462,6 +456,12 @@
462
456
  "@party",
463
457
  "description",
464
458
  ""
459
+ ],
460
+ "icon": [
461
+ "object/get",
462
+ "@party",
463
+ "icon",
464
+ "user"
465
465
  ]
466
466
  }
467
467
  ]
@@ -576,15 +576,15 @@
576
576
  "@entity.audit",
577
577
  [
578
578
  {
579
+ "id": "init",
579
580
  "timestamp": "Just now",
581
+ "status": "complete",
580
582
  "description": [
581
583
  "str/concat",
582
584
  "Reference ",
583
585
  "@config.transactionReference"
584
586
  ],
585
- "id": "init",
586
- "title": "Transaction opened",
587
- "status": "complete"
587
+ "title": "Transaction opened"
588
588
  }
589
589
  ]
590
590
  ],
@@ -592,18 +592,14 @@
592
592
  "render-ui",
593
593
  "main",
594
594
  {
595
- "type": "stack",
596
595
  "direction": "vertical",
597
596
  "gap": "lg",
598
597
  "children": [
599
598
  {
600
- "gap": "sm",
601
- "type": "stack",
602
- "direction": "horizontal",
603
599
  "children": [
604
600
  {
605
- "name": "git-pull-request",
606
- "type": "icon"
601
+ "type": "icon",
602
+ "name": "git-pull-request"
607
603
  },
608
604
  {
609
605
  "type": "typography",
@@ -612,23 +608,28 @@
612
608
  },
613
609
  {
614
610
  "label": "Active",
615
- "type": "badge",
616
- "variant": "primary"
611
+ "variant": "primary",
612
+ "type": "badge"
617
613
  }
618
614
  ],
615
+ "type": "stack",
616
+ "direction": "horizontal",
617
+ "gap": "sm",
619
618
  "align": "center"
620
619
  },
621
620
  {
622
- "type": "card",
623
621
  "children": [
624
622
  {
623
+ "direction": "vertical",
624
+ "type": "stack",
625
+ "gap": "md",
625
626
  "children": [
626
627
  {
627
- "direction": "horizontal",
628
628
  "align": "center",
629
- "type": "stack",
630
629
  "children": [
631
630
  {
631
+ "direction": "vertical",
632
+ "gap": "xs",
632
633
  "children": [
633
634
  {
634
635
  "content": "Amount in escrow",
@@ -637,70 +638,65 @@
637
638
  "color": "muted"
638
639
  },
639
640
  {
640
- "content": "@config.transactionAmount",
641
+ "variant": "h1",
641
642
  "type": "typography",
642
- "variant": "h1"
643
+ "content": "@config.transactionAmount"
643
644
  }
644
645
  ],
645
- "direction": "vertical",
646
- "type": "stack",
647
- "gap": "xs"
646
+ "type": "stack"
648
647
  },
649
648
  {
650
- "direction": "vertical",
651
- "gap": "xs",
652
649
  "type": "stack",
650
+ "gap": "xs",
651
+ "direction": "vertical",
653
652
  "children": [
654
653
  {
655
- "variant": "caption",
656
- "content": "Subject",
657
654
  "color": "muted",
658
- "type": "typography"
655
+ "content": "Subject",
656
+ "type": "typography",
657
+ "variant": "caption"
659
658
  },
660
659
  {
660
+ "type": "typography",
661
661
  "content": "@config.transactionSubject",
662
- "variant": "h4",
663
- "type": "typography"
662
+ "variant": "h4"
664
663
  }
665
664
  ]
666
665
  },
667
666
  {
668
667
  "direction": "vertical",
668
+ "gap": "xs",
669
+ "type": "stack",
669
670
  "children": [
670
671
  {
671
- "variant": "caption",
672
+ "content": "Reference",
672
673
  "type": "typography",
673
- "color": "muted",
674
- "content": "Reference"
674
+ "variant": "caption",
675
+ "color": "muted"
675
676
  },
676
677
  {
677
- "content": "@config.transactionReference",
678
678
  "variant": "body",
679
- "type": "typography"
679
+ "type": "typography",
680
+ "content": "@config.transactionReference"
680
681
  }
681
- ],
682
- "type": "stack",
683
- "gap": "xs"
682
+ ]
684
683
  }
685
684
  ],
685
+ "type": "stack",
686
+ "direction": "horizontal",
686
687
  "gap": "lg"
687
688
  }
688
- ],
689
- "gap": "md",
690
- "direction": "vertical",
691
- "type": "stack"
689
+ ]
692
690
  }
693
- ]
691
+ ],
692
+ "type": "card"
694
693
  },
695
694
  {
696
- "type": "typography",
695
+ "content": "Parties",
697
696
  "variant": "h4",
698
- "content": "Parties"
697
+ "type": "typography"
699
698
  },
700
699
  {
701
- "entity": "@entity.parties",
702
- "type": "data-list",
703
- "gap": "sm",
704
700
  "renderItem": [
705
701
  "fn",
706
702
  "party",
@@ -708,20 +704,22 @@
708
704
  "type": "card",
709
705
  "children": [
710
706
  {
707
+ "align": "center",
708
+ "gap": "md",
711
709
  "direction": "horizontal",
710
+ "type": "stack",
712
711
  "children": [
713
712
  {
714
- "type": "icon",
715
713
  "name": "@party.icon",
716
- "size": "lg"
714
+ "size": "lg",
715
+ "type": "icon"
717
716
  },
718
717
  {
719
- "gap": "xs",
720
- "type": "stack",
721
718
  "direction": "vertical",
722
719
  "children": [
723
720
  {
724
- "direction": "horizontal",
721
+ "gap": "xs",
722
+ "type": "stack",
725
723
  "children": [
726
724
  {
727
725
  "variant": "h4",
@@ -729,37 +727,38 @@
729
727
  "content": "@party.title"
730
728
  },
731
729
  {
732
- "content": "·",
733
730
  "color": "muted",
734
- "type": "typography"
731
+ "type": "typography",
732
+ "content": "·"
735
733
  },
736
734
  {
737
- "variant": "body",
738
735
  "content": "@party.actor",
739
- "type": "typography"
736
+ "type": "typography",
737
+ "variant": "body"
740
738
  }
741
739
  ],
742
- "gap": "xs",
743
740
  "align": "center",
744
- "type": "stack"
741
+ "direction": "horizontal"
745
742
  },
746
743
  {
747
- "color": "muted",
748
- "variant": "caption",
749
744
  "content": "@party.description",
745
+ "variant": "caption",
746
+ "color": "muted",
750
747
  "type": "typography"
751
748
  }
752
- ]
749
+ ],
750
+ "type": "stack",
751
+ "gap": "xs"
753
752
  }
754
- ],
755
- "type": "stack",
756
- "gap": "md",
757
- "align": "center"
753
+ ]
758
754
  }
759
755
  ]
760
756
  }
761
757
  ],
762
- "fields": []
758
+ "fields": [],
759
+ "entity": "@entity.parties",
760
+ "type": "data-list",
761
+ "gap": "sm"
763
762
  },
764
763
  {
765
764
  "content": "Progress",
@@ -772,15 +771,11 @@
772
771
  "steps": "@entity.parties"
773
772
  },
774
773
  {
775
- "type": "card",
776
- "variant": "elevated",
777
774
  "children": [
778
775
  {
779
- "type": "stack",
780
- "direction": "vertical",
781
- "gap": "md",
782
776
  "children": [
783
777
  {
778
+ "type": "stack",
784
779
  "align": "center",
785
780
  "children": [
786
781
  {
@@ -788,93 +783,98 @@
788
783
  "type": "icon"
789
784
  },
790
785
  {
791
- "type": "typography",
792
- "content": "@entity.currentStepLabel",
793
786
  "variant": "caption",
787
+ "content": "@entity.currentStepLabel",
788
+ "type": "typography",
794
789
  "color": "muted"
795
790
  },
796
791
  {
797
- "type": "typography",
792
+ "color": "muted",
798
793
  "content": "·",
799
- "color": "muted"
794
+ "type": "typography"
800
795
  },
801
796
  {
802
- "variant": "caption",
803
- "content": "Waiting for",
804
797
  "type": "typography",
798
+ "content": "Waiting for",
799
+ "variant": "caption",
805
800
  "color": "muted"
806
801
  },
807
802
  {
808
- "weight": "bold",
809
803
  "type": "typography",
810
- "content": "@entity.currentPartyActor",
811
- "variant": "body"
804
+ "weight": "bold",
805
+ "variant": "body",
806
+ "content": "@entity.currentPartyActor"
812
807
  }
813
808
  ],
814
- "direction": "horizontal",
815
- "type": "stack",
816
- "gap": "sm"
809
+ "gap": "sm",
810
+ "direction": "horizontal"
817
811
  },
818
812
  {
813
+ "variant": "body",
819
814
  "content": "@entity.currentActionDescription",
820
- "type": "typography",
821
- "variant": "body"
815
+ "type": "typography"
822
816
  },
823
817
  {
824
- "type": "button",
825
- "variant": "primary",
826
- "action": "PARTY_CONFIRM",
827
818
  "label": "@entity.currentActionLabel",
819
+ "variant": "primary",
820
+ "type": "button",
828
821
  "actionPayload": {
829
822
  "partyKey": "@entity.currentPartyId"
830
823
  },
824
+ "action": "PARTY_CONFIRM",
831
825
  "icon": "@entity.currentActionIcon"
832
826
  }
833
- ]
827
+ ],
828
+ "type": "stack",
829
+ "direction": "vertical",
830
+ "gap": "md"
834
831
  }
835
- ]
832
+ ],
833
+ "variant": "elevated",
834
+ "type": "card"
836
835
  },
837
836
  {
837
+ "type": "typography",
838
838
  "content": "Activity",
839
- "variant": "h4",
840
- "type": "typography"
839
+ "variant": "h4"
841
840
  },
842
841
  {
843
- "entity": "@entity.audit",
842
+ "type": "timeline",
844
843
  "fields": [
845
844
  "title",
846
845
  "description",
847
846
  "timestamp",
848
847
  "status"
849
848
  ],
850
- "type": "timeline"
849
+ "entity": "@entity.audit"
851
850
  },
852
851
  {
853
852
  "type": "divider"
854
853
  },
855
854
  {
855
+ "direction": "horizontal",
856
+ "gap": "sm",
857
+ "type": "stack",
858
+ "align": "center",
856
859
  "children": [
857
860
  {
858
- "type": "button",
859
- "label": "@config.disputeLabel",
860
- "variant": "danger",
861
861
  "action": "OPEN_DISPUTE",
862
- "icon": "@config.disputeIcon"
862
+ "icon": "@config.disputeIcon",
863
+ "label": "@config.disputeLabel",
864
+ "type": "button",
865
+ "variant": "danger"
863
866
  },
864
867
  {
868
+ "type": "button",
865
869
  "icon": "@config.cancelIcon",
866
870
  "label": "@config.cancelLabel",
867
871
  "variant": "ghost",
868
- "type": "button",
869
872
  "action": "CANCEL_TRANSACTION"
870
873
  }
871
- ],
872
- "type": "stack",
873
- "align": "center",
874
- "gap": "sm",
875
- "direction": "horizontal"
874
+ ]
876
875
  }
877
- ]
876
+ ],
877
+ "type": "stack"
878
878
  }
879
879
  ]
880
880
  ]
@@ -909,8 +909,8 @@
909
909
  "render-ui",
910
910
  "main",
911
911
  {
912
- "type": "loading-state",
913
- "title": "Refreshing…"
912
+ "title": "Refreshing…",
913
+ "type": "loading-state"
914
914
  }
915
915
  ]
916
916
  ]
@@ -929,9 +929,9 @@
929
929
  "render-ui",
930
930
  "main",
931
931
  {
932
+ "title": "Save failed",
932
933
  "type": "error-state",
933
- "message": "@entity.errorMessage",
934
- "title": "Save failed"
934
+ "message": "@entity.errorMessage"
935
935
  }
936
936
  ]
937
937
  ]
@@ -960,18 +960,20 @@
960
960
  "array/append",
961
961
  "@entity.audit",
962
962
  {
963
- "status": "complete",
964
- "description": [
965
- "str/concat",
966
- "@entity.currentPartyActor",
967
- " completed: ",
968
- "@entity.currentActionLabel"
963
+ "timestamp": [
964
+ "time/now"
969
965
  ],
970
966
  "title": [
971
967
  "str/concat",
972
968
  "@entity.currentPartyTitle",
973
969
  " confirmed"
974
970
  ],
971
+ "description": [
972
+ "str/concat",
973
+ "@entity.currentPartyActor",
974
+ " completed: ",
975
+ "@entity.currentActionLabel"
976
+ ],
975
977
  "id": [
976
978
  "str/concat",
977
979
  "confirm-",
@@ -982,9 +984,7 @@
982
984
  ""
983
985
  ]
984
986
  ],
985
- "timestamp": [
986
- "time/now"
987
- ]
987
+ "status": "complete"
988
988
  }
989
989
  ]
990
990
  ],
@@ -1114,11 +1114,11 @@
1114
1114
  "main",
1115
1115
  {
1116
1116
  "gap": "lg",
1117
+ "direction": "vertical",
1117
1118
  "type": "stack",
1118
1119
  "children": [
1119
1120
  {
1120
- "gap": "sm",
1121
- "align": "center",
1121
+ "direction": "horizontal",
1122
1122
  "type": "stack",
1123
1123
  "children": [
1124
1124
  {
@@ -1126,180 +1126,182 @@
1126
1126
  "name": "git-pull-request"
1127
1127
  },
1128
1128
  {
1129
- "type": "typography",
1130
1129
  "content": "@config.title",
1131
- "variant": "h3"
1130
+ "variant": "h3",
1131
+ "type": "typography"
1132
1132
  },
1133
1133
  {
1134
+ "variant": "primary",
1134
1135
  "type": "badge",
1135
- "label": "Active",
1136
- "variant": "primary"
1136
+ "label": "Active"
1137
1137
  }
1138
1138
  ],
1139
- "direction": "horizontal"
1139
+ "align": "center",
1140
+ "gap": "sm"
1140
1141
  },
1141
1142
  {
1142
1143
  "type": "card",
1143
1144
  "children": [
1144
1145
  {
1146
+ "gap": "md",
1147
+ "direction": "vertical",
1148
+ "type": "stack",
1145
1149
  "children": [
1146
1150
  {
1147
- "type": "stack",
1148
1151
  "gap": "lg",
1152
+ "align": "center",
1153
+ "direction": "horizontal",
1154
+ "type": "stack",
1149
1155
  "children": [
1150
1156
  {
1157
+ "direction": "vertical",
1151
1158
  "type": "stack",
1152
1159
  "gap": "xs",
1153
1160
  "children": [
1154
1161
  {
1155
- "variant": "caption",
1156
1162
  "color": "muted",
1157
1163
  "content": "Amount in escrow",
1164
+ "variant": "caption",
1158
1165
  "type": "typography"
1159
1166
  },
1160
1167
  {
1161
- "content": "@config.transactionAmount",
1162
1168
  "variant": "h1",
1169
+ "content": "@config.transactionAmount",
1163
1170
  "type": "typography"
1164
1171
  }
1165
- ],
1166
- "direction": "vertical"
1172
+ ]
1167
1173
  },
1168
1174
  {
1169
- "type": "stack",
1170
1175
  "gap": "xs",
1176
+ "direction": "vertical",
1171
1177
  "children": [
1172
1178
  {
1173
- "content": "Subject",
1174
- "variant": "caption",
1175
1179
  "color": "muted",
1176
- "type": "typography"
1180
+ "type": "typography",
1181
+ "content": "Subject",
1182
+ "variant": "caption"
1177
1183
  },
1178
1184
  {
1179
- "variant": "h4",
1180
1185
  "type": "typography",
1181
- "content": "@config.transactionSubject"
1186
+ "content": "@config.transactionSubject",
1187
+ "variant": "h4"
1182
1188
  }
1183
1189
  ],
1184
- "direction": "vertical"
1190
+ "type": "stack"
1185
1191
  },
1186
1192
  {
1193
+ "type": "stack",
1187
1194
  "gap": "xs",
1188
- "direction": "vertical",
1189
1195
  "children": [
1190
1196
  {
1191
- "type": "typography",
1192
1197
  "content": "Reference",
1193
- "variant": "caption",
1194
- "color": "muted"
1198
+ "type": "typography",
1199
+ "color": "muted",
1200
+ "variant": "caption"
1195
1201
  },
1196
1202
  {
1203
+ "content": "@config.transactionReference",
1197
1204
  "variant": "body",
1198
- "type": "typography",
1199
- "content": "@config.transactionReference"
1205
+ "type": "typography"
1200
1206
  }
1201
1207
  ],
1202
- "type": "stack"
1208
+ "direction": "vertical"
1203
1209
  }
1204
- ],
1205
- "direction": "horizontal",
1206
- "align": "center"
1210
+ ]
1207
1211
  }
1208
- ],
1209
- "type": "stack",
1210
- "gap": "md",
1211
- "direction": "vertical"
1212
+ ]
1212
1213
  }
1213
1214
  ]
1214
1215
  },
1215
1216
  {
1216
- "content": "Parties",
1217
1217
  "type": "typography",
1218
+ "content": "Parties",
1218
1219
  "variant": "h4"
1219
1220
  },
1220
1221
  {
1221
- "type": "data-list",
1222
1222
  "entity": "@entity.parties",
1223
- "gap": "sm",
1224
1223
  "fields": [],
1224
+ "type": "data-list",
1225
+ "gap": "sm",
1225
1226
  "renderItem": [
1226
1227
  "fn",
1227
1228
  "party",
1228
1229
  {
1230
+ "type": "card",
1229
1231
  "children": [
1230
1232
  {
1233
+ "direction": "horizontal",
1234
+ "type": "stack",
1235
+ "align": "center",
1236
+ "gap": "md",
1231
1237
  "children": [
1232
1238
  {
1233
1239
  "size": "lg",
1234
- "name": "@party.icon",
1235
- "type": "icon"
1240
+ "type": "icon",
1241
+ "name": "@party.icon"
1236
1242
  },
1237
1243
  {
1244
+ "gap": "xs",
1238
1245
  "children": [
1239
1246
  {
1240
- "type": "stack",
1241
- "align": "center",
1242
1247
  "direction": "horizontal",
1243
1248
  "gap": "xs",
1249
+ "type": "stack",
1244
1250
  "children": [
1245
1251
  {
1246
1252
  "type": "typography",
1247
- "content": "@party.title",
1248
- "variant": "h4"
1253
+ "variant": "h4",
1254
+ "content": "@party.title"
1249
1255
  },
1250
1256
  {
1251
1257
  "type": "typography",
1252
- "color": "muted",
1253
- "content": "·"
1258
+ "content": "·",
1259
+ "color": "muted"
1254
1260
  },
1255
1261
  {
1262
+ "content": "@party.actor",
1256
1263
  "variant": "body",
1257
- "type": "typography",
1258
- "content": "@party.actor"
1264
+ "type": "typography"
1259
1265
  }
1260
- ]
1266
+ ],
1267
+ "align": "center"
1261
1268
  },
1262
1269
  {
1263
- "content": "@party.description",
1264
- "type": "typography",
1265
1270
  "variant": "caption",
1271
+ "type": "typography",
1272
+ "content": "@party.description",
1266
1273
  "color": "muted"
1267
1274
  }
1268
1275
  ],
1269
- "gap": "xs",
1270
1276
  "type": "stack",
1271
1277
  "direction": "vertical"
1272
1278
  }
1273
- ],
1274
- "gap": "md",
1275
- "type": "stack",
1276
- "direction": "horizontal",
1277
- "align": "center"
1279
+ ]
1278
1280
  }
1279
- ],
1280
- "type": "card"
1281
+ ]
1281
1282
  }
1282
1283
  ]
1283
1284
  },
1284
1285
  {
1285
1286
  "content": "Progress",
1286
- "type": "typography",
1287
- "variant": "h4"
1287
+ "variant": "h4",
1288
+ "type": "typography"
1288
1289
  },
1289
1290
  {
1290
1291
  "currentStep": "@entity.currentPartyIndex",
1291
- "type": "wizard-progress",
1292
- "steps": "@entity.parties"
1292
+ "steps": "@entity.parties",
1293
+ "type": "wizard-progress"
1293
1294
  },
1294
1295
  {
1295
- "type": "card",
1296
1296
  "variant": "elevated",
1297
1297
  "children": [
1298
1298
  {
1299
- "direction": "vertical",
1299
+ "type": "stack",
1300
+ "gap": "md",
1300
1301
  "children": [
1301
1302
  {
1302
1303
  "align": "center",
1304
+ "type": "stack",
1303
1305
  "gap": "sm",
1304
1306
  "children": [
1305
1307
  {
@@ -1307,10 +1309,10 @@
1307
1309
  "type": "icon"
1308
1310
  },
1309
1311
  {
1310
- "variant": "caption",
1311
- "content": "@entity.currentStepLabel",
1312
1312
  "type": "typography",
1313
- "color": "muted"
1313
+ "color": "muted",
1314
+ "content": "@entity.currentStepLabel",
1315
+ "variant": "caption"
1314
1316
  },
1315
1317
  {
1316
1318
  "color": "muted",
@@ -1318,20 +1320,19 @@
1318
1320
  "content": "·"
1319
1321
  },
1320
1322
  {
1323
+ "content": "Waiting for",
1321
1324
  "variant": "caption",
1322
1325
  "type": "typography",
1323
- "content": "Waiting for",
1324
1326
  "color": "muted"
1325
1327
  },
1326
1328
  {
1327
1329
  "content": "@entity.currentPartyActor",
1330
+ "variant": "body",
1328
1331
  "type": "typography",
1329
- "weight": "bold",
1330
- "variant": "body"
1332
+ "weight": "bold"
1331
1333
  }
1332
1334
  ],
1333
- "direction": "horizontal",
1334
- "type": "stack"
1335
+ "direction": "horizontal"
1335
1336
  },
1336
1337
  {
1337
1338
  "type": "typography",
@@ -1340,62 +1341,61 @@
1340
1341
  },
1341
1342
  {
1342
1343
  "icon": "@entity.currentActionIcon",
1343
- "type": "button",
1344
- "action": "PARTY_CONFIRM",
1345
1344
  "variant": "primary",
1345
+ "action": "PARTY_CONFIRM",
1346
+ "type": "button",
1346
1347
  "actionPayload": {
1347
1348
  "partyKey": "@entity.currentPartyId"
1348
1349
  },
1349
1350
  "label": "@entity.currentActionLabel"
1350
1351
  }
1351
1352
  ],
1352
- "gap": "md",
1353
- "type": "stack"
1353
+ "direction": "vertical"
1354
1354
  }
1355
- ]
1355
+ ],
1356
+ "type": "card"
1356
1357
  },
1357
1358
  {
1358
- "variant": "h4",
1359
1359
  "type": "typography",
1360
- "content": "Activity"
1360
+ "content": "Activity",
1361
+ "variant": "h4"
1361
1362
  },
1362
1363
  {
1363
- "type": "timeline",
1364
1364
  "entity": "@entity.audit",
1365
1365
  "fields": [
1366
1366
  "title",
1367
1367
  "description",
1368
1368
  "timestamp",
1369
1369
  "status"
1370
- ]
1370
+ ],
1371
+ "type": "timeline"
1371
1372
  },
1372
1373
  {
1373
1374
  "type": "divider"
1374
1375
  },
1375
1376
  {
1376
- "gap": "sm",
1377
- "align": "center",
1378
1377
  "direction": "horizontal",
1379
- "type": "stack",
1378
+ "align": "center",
1380
1379
  "children": [
1381
1380
  {
1382
- "type": "button",
1383
1381
  "label": "@config.disputeLabel",
1384
1382
  "variant": "danger",
1385
1383
  "icon": "@config.disputeIcon",
1384
+ "type": "button",
1386
1385
  "action": "OPEN_DISPUTE"
1387
1386
  },
1388
1387
  {
1389
- "icon": "@config.cancelIcon",
1390
- "action": "CANCEL_TRANSACTION",
1391
- "label": "@config.cancelLabel",
1392
1388
  "type": "button",
1393
- "variant": "ghost"
1389
+ "action": "CANCEL_TRANSACTION",
1390
+ "variant": "ghost",
1391
+ "icon": "@config.cancelIcon",
1392
+ "label": "@config.cancelLabel"
1394
1393
  }
1395
- ]
1394
+ ],
1395
+ "type": "stack",
1396
+ "gap": "sm"
1396
1397
  }
1397
- ],
1398
- "direction": "vertical"
1398
+ ]
1399
1399
  }
1400
1400
  ]
1401
1401
  ]
@@ -1421,15 +1421,13 @@
1421
1421
  "array/append",
1422
1422
  "@entity.audit",
1423
1423
  {
1424
- "id": [
1424
+ "timestamp": [
1425
+ "time/now"
1426
+ ],
1427
+ "title": [
1425
1428
  "str/concat",
1426
- "confirm-",
1427
- [
1428
- "object/get",
1429
- "@payload",
1430
- "partyKey",
1431
- ""
1432
- ]
1429
+ "@entity.currentPartyTitle",
1430
+ " confirmed"
1433
1431
  ],
1434
1432
  "description": [
1435
1433
  "str/concat",
@@ -1437,14 +1435,16 @@
1437
1435
  " completed: ",
1438
1436
  "@entity.currentActionLabel"
1439
1437
  ],
1440
- "title": [
1441
- "str/concat",
1442
- "@entity.currentPartyTitle",
1443
- " confirmed"
1444
- ],
1445
1438
  "status": "complete",
1446
- "timestamp": [
1447
- "time/now"
1439
+ "id": [
1440
+ "str/concat",
1441
+ "confirm-",
1442
+ [
1443
+ "object/get",
1444
+ "@payload",
1445
+ "partyKey",
1446
+ ""
1447
+ ]
1448
1448
  ]
1449
1449
  }
1450
1450
  ]
@@ -1456,16 +1456,16 @@
1456
1456
  "array/append",
1457
1457
  "@entity.audit",
1458
1458
  {
1459
- "status": "complete",
1460
- "title": "All parties confirmed",
1461
- "timestamp": [
1462
- "time/now"
1463
- ],
1464
- "id": "all-confirmed",
1465
1459
  "description": [
1466
1460
  "str/concat",
1467
1461
  "@config.transactionAmount",
1468
1462
  " is now funded and ready for release."
1463
+ ],
1464
+ "status": "complete",
1465
+ "id": "all-confirmed",
1466
+ "title": "All parties confirmed",
1467
+ "timestamp": [
1468
+ "time/now"
1469
1469
  ]
1470
1470
  }
1471
1471
  ]
@@ -1474,15 +1474,12 @@
1474
1474
  "render-ui",
1475
1475
  "main",
1476
1476
  {
1477
- "direction": "vertical",
1478
1477
  "gap": "lg",
1479
1478
  "type": "stack",
1479
+ "direction": "vertical",
1480
1480
  "children": [
1481
1481
  {
1482
- "direction": "horizontal",
1483
1482
  "align": "center",
1484
- "type": "stack",
1485
- "gap": "sm",
1486
1483
  "children": [
1487
1484
  {
1488
1485
  "name": "lock",
@@ -1490,15 +1487,18 @@
1490
1487
  },
1491
1488
  {
1492
1489
  "type": "typography",
1493
- "variant": "h3",
1494
- "content": "@config.title"
1490
+ "content": "@config.title",
1491
+ "variant": "h3"
1495
1492
  },
1496
1493
  {
1497
1494
  "type": "badge",
1498
- "label": "Funded",
1499
- "variant": "success"
1495
+ "variant": "success",
1496
+ "label": "Funded"
1500
1497
  }
1501
- ]
1498
+ ],
1499
+ "direction": "horizontal",
1500
+ "type": "stack",
1501
+ "gap": "sm"
1502
1502
  },
1503
1503
  {
1504
1504
  "type": "card",
@@ -1506,32 +1506,29 @@
1506
1506
  {
1507
1507
  "children": [
1508
1508
  {
1509
- "align": "center",
1510
1509
  "type": "stack",
1511
- "gap": "lg",
1512
1510
  "direction": "horizontal",
1511
+ "gap": "lg",
1513
1512
  "children": [
1514
1513
  {
1515
- "type": "stack",
1516
- "direction": "vertical",
1517
- "gap": "xs",
1518
1514
  "children": [
1519
1515
  {
1520
- "type": "typography",
1521
1516
  "variant": "caption",
1517
+ "color": "muted",
1522
1518
  "content": "Amount in escrow",
1523
- "color": "muted"
1519
+ "type": "typography"
1524
1520
  },
1525
1521
  {
1526
- "variant": "h1",
1522
+ "type": "typography",
1527
1523
  "content": "@config.transactionAmount",
1528
- "type": "typography"
1524
+ "variant": "h1"
1529
1525
  }
1530
- ]
1526
+ ],
1527
+ "direction": "vertical",
1528
+ "gap": "xs",
1529
+ "type": "stack"
1531
1530
  },
1532
1531
  {
1533
- "type": "stack",
1534
- "direction": "vertical",
1535
1532
  "gap": "xs",
1536
1533
  "children": [
1537
1534
  {
@@ -1541,107 +1538,110 @@
1541
1538
  "color": "muted"
1542
1539
  },
1543
1540
  {
1541
+ "content": "@config.transactionSubject",
1544
1542
  "variant": "h4",
1545
- "type": "typography",
1546
- "content": "@config.transactionSubject"
1543
+ "type": "typography"
1547
1544
  }
1548
- ]
1545
+ ],
1546
+ "direction": "vertical",
1547
+ "type": "stack"
1549
1548
  },
1550
1549
  {
1551
- "type": "stack",
1552
1550
  "direction": "vertical",
1553
- "gap": "xs",
1554
1551
  "children": [
1555
1552
  {
1556
- "type": "typography",
1557
1553
  "color": "muted",
1554
+ "type": "typography",
1558
1555
  "variant": "caption",
1559
1556
  "content": "Reference"
1560
1557
  },
1561
1558
  {
1562
- "type": "typography",
1563
1559
  "content": "@config.transactionReference",
1564
- "variant": "body"
1560
+ "variant": "body",
1561
+ "type": "typography"
1565
1562
  }
1566
- ]
1563
+ ],
1564
+ "type": "stack",
1565
+ "gap": "xs"
1567
1566
  }
1568
- ]
1567
+ ],
1568
+ "align": "center"
1569
1569
  }
1570
1570
  ],
1571
- "type": "stack",
1572
1571
  "direction": "vertical",
1573
- "gap": "md"
1572
+ "gap": "md",
1573
+ "type": "stack"
1574
1574
  }
1575
1575
  ]
1576
1576
  },
1577
1577
  {
1578
+ "variant": "elevated",
1578
1579
  "children": [
1579
1580
  {
1580
1581
  "children": [
1581
1582
  {
1583
+ "size": "lg",
1582
1584
  "type": "icon",
1583
- "name": "check-circle",
1584
- "size": "lg"
1585
+ "name": "check-circle"
1585
1586
  },
1586
1587
  {
1587
- "content": "All parties confirmed",
1588
- "variant": "h2",
1588
+ "type": "typography",
1589
1589
  "align": "center",
1590
- "type": "typography"
1590
+ "variant": "h2",
1591
+ "content": "All parties confirmed"
1591
1592
  },
1592
1593
  {
1593
- "type": "typography",
1594
1594
  "color": "muted",
1595
- "content": "Funds are held in escrow and ready for release to the seller.",
1595
+ "align": "center",
1596
1596
  "variant": "body",
1597
- "align": "center"
1597
+ "content": "Funds are held in escrow and ready for release to the seller.",
1598
+ "type": "typography"
1598
1599
  },
1599
1600
  {
1601
+ "gap": "sm",
1600
1602
  "type": "stack",
1601
1603
  "direction": "horizontal",
1602
1604
  "align": "center",
1603
1605
  "children": [
1604
1606
  {
1607
+ "icon": "@config.releaseIcon",
1605
1608
  "label": "@config.releaseLabel",
1606
1609
  "variant": "success",
1607
- "action": "RELEASE",
1608
1610
  "type": "button",
1609
- "icon": "@config.releaseIcon"
1611
+ "action": "RELEASE"
1610
1612
  },
1611
1613
  {
1612
- "label": "@config.disputeLabel",
1613
1614
  "action": "OPEN_DISPUTE",
1615
+ "label": "@config.disputeLabel",
1614
1616
  "icon": "@config.disputeIcon",
1615
1617
  "variant": "danger",
1616
1618
  "type": "button"
1617
1619
  }
1618
- ],
1619
- "gap": "sm"
1620
+ ]
1620
1621
  }
1621
1622
  ],
1622
- "gap": "md",
1623
1623
  "align": "center",
1624
+ "gap": "md",
1624
1625
  "type": "stack",
1625
1626
  "direction": "vertical"
1626
1627
  }
1627
1628
  ],
1628
- "variant": "elevated",
1629
1629
  "type": "card"
1630
1630
  },
1631
1631
  {
1632
- "variant": "h4",
1632
+ "type": "typography",
1633
1633
  "content": "Activity",
1634
- "type": "typography"
1634
+ "variant": "h4"
1635
1635
  },
1636
1636
  {
1637
+ "type": "timeline",
1638
+ "entity": "@entity.audit",
1637
1639
  "fields": [
1638
1640
  "title",
1639
1641
  "description",
1640
1642
  "timestamp",
1641
1643
  "status"
1642
- ],
1643
- "type": "timeline",
1644
- "entity": "@entity.audit"
1644
+ ]
1645
1645
  }
1646
1646
  ]
1647
1647
  }
@@ -1662,61 +1662,61 @@
1662
1662
  "render-ui",
1663
1663
  "main",
1664
1664
  {
1665
+ "direction": "vertical",
1665
1666
  "gap": "md",
1666
1667
  "children": [
1667
1668
  {
1668
1669
  "align": "center",
1669
- "type": "stack",
1670
- "direction": "horizontal",
1671
1670
  "children": [
1672
1671
  {
1673
- "icon": "arrow-left",
1674
1672
  "type": "button",
1675
- "label": "Back",
1676
1673
  "variant": "ghost",
1677
- "action": "CANCEL_REASON"
1674
+ "label": "Back",
1675
+ "action": "CANCEL_REASON",
1676
+ "icon": "arrow-left"
1678
1677
  },
1679
1678
  {
1680
- "name": "alert-triangle",
1681
- "type": "icon"
1679
+ "type": "icon",
1680
+ "name": "alert-triangle"
1682
1681
  },
1683
1682
  {
1683
+ "variant": "h3",
1684
1684
  "type": "typography",
1685
- "content": "Open a dispute",
1686
- "variant": "h3"
1685
+ "content": "Open a dispute"
1687
1686
  }
1688
1687
  ],
1688
+ "type": "stack",
1689
+ "direction": "horizontal",
1689
1690
  "gap": "sm"
1690
1691
  },
1691
1692
  {
1693
+ "type": "card",
1692
1694
  "children": [
1693
1695
  {
1694
- "type": "stack",
1695
1696
  "direction": "vertical",
1697
+ "gap": "sm",
1698
+ "type": "stack",
1696
1699
  "children": [
1697
1700
  {
1701
+ "content": "Describe the issue so all parties and the escrow officer can review. Funds will remain in escrow until the dispute is resolved.",
1698
1702
  "type": "typography",
1699
1703
  "color": "muted",
1700
- "content": "Describe the issue so all parties and the escrow officer can review. Funds will remain in escrow until the dispute is resolved.",
1701
1704
  "variant": "body"
1702
1705
  },
1703
1706
  {
1704
- "cancelEvent": "CANCEL_REASON",
1705
- "fields": "@config.reasonFields",
1706
1707
  "type": "form-section",
1707
- "submitLabel": "Submit dispute",
1708
- "mode": "edit",
1708
+ "entity": "@entity",
1709
1709
  "submitEvent": "SUBMIT_DISPUTE",
1710
- "entity": "@entity"
1710
+ "mode": "edit",
1711
+ "fields": "@config.reasonFields",
1712
+ "submitLabel": "Submit dispute",
1713
+ "cancelEvent": "CANCEL_REASON"
1711
1714
  }
1712
- ],
1713
- "gap": "sm"
1715
+ ]
1714
1716
  }
1715
- ],
1716
- "type": "card"
1717
+ ]
1717
1718
  }
1718
1719
  ],
1719
- "direction": "vertical",
1720
1720
  "type": "stack"
1721
1721
  }
1722
1722
  ]
@@ -1737,16 +1737,20 @@
1737
1737
  "main",
1738
1738
  {
1739
1739
  "type": "stack",
1740
- "gap": "md",
1740
+ "direction": "vertical",
1741
1741
  "children": [
1742
1742
  {
1743
+ "direction": "horizontal",
1744
+ "gap": "sm",
1745
+ "type": "stack",
1746
+ "align": "center",
1743
1747
  "children": [
1744
1748
  {
1745
- "action": "CANCEL_REASON",
1749
+ "label": "Back",
1750
+ "variant": "ghost",
1746
1751
  "icon": "arrow-left",
1747
1752
  "type": "button",
1748
- "variant": "ghost",
1749
- "label": "Back"
1753
+ "action": "CANCEL_REASON"
1750
1754
  },
1751
1755
  {
1752
1756
  "type": "icon",
@@ -1757,41 +1761,37 @@
1757
1761
  "content": "Cancel transaction",
1758
1762
  "variant": "h3"
1759
1763
  }
1760
- ],
1761
- "type": "stack",
1762
- "gap": "sm",
1763
- "direction": "horizontal",
1764
- "align": "center"
1764
+ ]
1765
1765
  },
1766
1766
  {
1767
+ "type": "card",
1767
1768
  "children": [
1768
1769
  {
1769
- "gap": "sm",
1770
- "type": "stack",
1771
1770
  "children": [
1772
1771
  {
1773
- "color": "muted",
1774
1772
  "type": "typography",
1775
1773
  "variant": "body",
1776
- "content": "Tell the other parties why this transaction is being cancelled. Any escrowed funds will be returned to the buyer."
1774
+ "content": "Tell the other parties why this transaction is being cancelled. Any escrowed funds will be returned to the buyer.",
1775
+ "color": "muted"
1777
1776
  },
1778
1777
  {
1779
- "submitEvent": "SUBMIT_CANCEL",
1780
- "mode": "edit",
1781
1778
  "type": "form-section",
1782
1779
  "cancelEvent": "CANCEL_REASON",
1780
+ "fields": "@config.reasonFields",
1783
1781
  "submitLabel": "Cancel transaction",
1784
- "entity": "@entity",
1785
- "fields": "@config.reasonFields"
1782
+ "submitEvent": "SUBMIT_CANCEL",
1783
+ "mode": "edit",
1784
+ "entity": "@entity"
1786
1785
  }
1787
1786
  ],
1788
- "direction": "vertical"
1787
+ "direction": "vertical",
1788
+ "type": "stack",
1789
+ "gap": "sm"
1789
1790
  }
1790
- ],
1791
- "type": "card"
1791
+ ]
1792
1792
  }
1793
1793
  ],
1794
- "direction": "vertical"
1794
+ "gap": "md"
1795
1795
  }
1796
1796
  ]
1797
1797
  ]
@@ -1818,13 +1818,13 @@
1818
1818
  "array/append",
1819
1819
  "@entity.audit",
1820
1820
  {
1821
- "description": "@entity.disputeReason",
1822
- "status": "error",
1823
1821
  "id": "dispute-opened",
1824
1822
  "title": "Dispute opened",
1825
1823
  "timestamp": [
1826
1824
  "time/now"
1827
- ]
1825
+ ],
1826
+ "status": "error",
1827
+ "description": "@entity.disputeReason"
1828
1828
  }
1829
1829
  ]
1830
1830
  ],
@@ -1832,60 +1832,60 @@
1832
1832
  "render-ui",
1833
1833
  "main",
1834
1834
  {
1835
- "direction": "vertical",
1836
1835
  "type": "stack",
1837
1836
  "gap": "lg",
1837
+ "direction": "vertical",
1838
1838
  "children": [
1839
1839
  {
1840
- "gap": "sm",
1841
- "type": "stack",
1842
1840
  "direction": "horizontal",
1843
- "align": "center",
1841
+ "gap": "sm",
1844
1842
  "children": [
1845
1843
  {
1846
1844
  "type": "icon",
1847
1845
  "name": "alert-triangle"
1848
1846
  },
1849
1847
  {
1850
- "variant": "h3",
1851
1848
  "content": "@config.title",
1852
- "type": "typography"
1849
+ "type": "typography",
1850
+ "variant": "h3"
1853
1851
  },
1854
1852
  {
1855
1853
  "type": "badge",
1856
1854
  "label": "Disputed",
1857
1855
  "variant": "danger"
1858
1856
  }
1859
- ]
1857
+ ],
1858
+ "align": "center",
1859
+ "type": "stack"
1860
1860
  },
1861
1861
  {
1862
1862
  "children": [
1863
1863
  {
1864
- "type": "stack",
1865
- "direction": "vertical",
1866
- "gap": "sm",
1867
1864
  "children": [
1868
1865
  {
1866
+ "color": "muted",
1869
1867
  "content": "Reason for dispute",
1870
- "type": "typography",
1871
1868
  "variant": "caption",
1872
- "color": "muted"
1869
+ "type": "typography"
1873
1870
  },
1874
1871
  {
1875
- "variant": "body",
1876
1872
  "type": "typography",
1877
- "content": "@entity.disputeReason"
1873
+ "content": "@entity.disputeReason",
1874
+ "variant": "body"
1878
1875
  },
1879
1876
  {
1880
1877
  "type": "divider"
1881
1878
  },
1882
1879
  {
1883
- "color": "muted",
1884
1880
  "variant": "caption",
1881
+ "type": "typography",
1885
1882
  "content": "An escrow officer will contact all parties within one business day. Funds remain held until resolution.",
1886
- "type": "typography"
1883
+ "color": "muted"
1887
1884
  }
1888
- ]
1885
+ ],
1886
+ "type": "stack",
1887
+ "direction": "vertical",
1888
+ "gap": "sm"
1889
1889
  }
1890
1890
  ],
1891
1891
  "type": "card"
@@ -1896,21 +1896,21 @@
1896
1896
  "content": "Activity"
1897
1897
  },
1898
1898
  {
1899
+ "entity": "@entity.audit",
1900
+ "type": "timeline",
1899
1901
  "fields": [
1900
1902
  "title",
1901
1903
  "description",
1902
1904
  "timestamp",
1903
1905
  "status"
1904
- ],
1905
- "entity": "@entity.audit",
1906
- "type": "timeline"
1906
+ ]
1907
1907
  },
1908
1908
  {
1909
- "label": "Start a new transaction",
1910
- "action": "RESTART",
1911
1909
  "icon": "rotate-ccw",
1910
+ "label": "Start a new transaction",
1912
1911
  "type": "button",
1913
- "variant": "secondary"
1912
+ "variant": "secondary",
1913
+ "action": "RESTART"
1914
1914
  }
1915
1915
  ]
1916
1916
  }
@@ -1936,8 +1936,8 @@
1936
1936
  "render-ui",
1937
1937
  "main",
1938
1938
  {
1939
- "type": "loading-state",
1940
- "title": "Returning…"
1939
+ "title": "Returning…",
1940
+ "type": "loading-state"
1941
1941
  }
1942
1942
  ]
1943
1943
  ]
@@ -1964,13 +1964,13 @@
1964
1964
  "array/append",
1965
1965
  "@entity.audit",
1966
1966
  {
1967
- "id": "cancelled",
1968
- "title": "Transaction cancelled",
1969
1967
  "description": "@entity.cancelReason",
1968
+ "id": "cancelled",
1969
+ "status": "error",
1970
1970
  "timestamp": [
1971
1971
  "time/now"
1972
1972
  ],
1973
- "status": "error"
1973
+ "title": "Transaction cancelled"
1974
1974
  }
1975
1975
  ]
1976
1976
  ],
@@ -1978,64 +1978,66 @@
1978
1978
  "render-ui",
1979
1979
  "main",
1980
1980
  {
1981
+ "gap": "lg",
1982
+ "direction": "vertical",
1981
1983
  "children": [
1982
1984
  {
1983
- "align": "center",
1984
- "direction": "horizontal",
1985
- "gap": "sm",
1986
1985
  "type": "stack",
1986
+ "direction": "horizontal",
1987
1987
  "children": [
1988
1988
  {
1989
- "name": "x-circle",
1990
- "type": "icon"
1989
+ "type": "icon",
1990
+ "name": "x-circle"
1991
1991
  },
1992
1992
  {
1993
- "content": "@config.title",
1994
1993
  "variant": "h3",
1994
+ "content": "@config.title",
1995
1995
  "type": "typography"
1996
1996
  },
1997
1997
  {
1998
- "type": "badge",
1999
1998
  "label": "Cancelled",
1999
+ "type": "badge",
2000
2000
  "variant": "warning"
2001
2001
  }
2002
- ]
2002
+ ],
2003
+ "align": "center",
2004
+ "gap": "sm"
2003
2005
  },
2004
2006
  {
2005
2007
  "children": [
2006
2008
  {
2007
- "gap": "sm",
2008
- "type": "stack",
2009
- "direction": "vertical",
2010
2009
  "children": [
2011
2010
  {
2011
+ "content": "Reason for cancellation",
2012
2012
  "type": "typography",
2013
2013
  "variant": "caption",
2014
- "content": "Reason for cancellation",
2015
2014
  "color": "muted"
2016
2015
  },
2017
2016
  {
2017
+ "variant": "body",
2018
2018
  "content": "@entity.cancelReason",
2019
- "type": "typography",
2020
- "variant": "body"
2019
+ "type": "typography"
2021
2020
  },
2022
2021
  {
2023
2022
  "type": "divider"
2024
2023
  },
2025
2024
  {
2026
- "color": "muted",
2027
2025
  "type": "typography",
2028
2026
  "content": "Any escrowed funds have been returned to the buyer.",
2029
- "variant": "caption"
2027
+ "variant": "caption",
2028
+ "color": "muted"
2030
2029
  }
2031
- ]
2030
+ ],
2031
+ "type": "stack",
2032
+ "gap": "sm",
2033
+ "direction": "vertical"
2032
2034
  }
2033
2035
  ],
2034
2036
  "type": "card"
2035
2037
  },
2036
2038
  {
2037
- "content": "Activity",
2038
2039
  "type": "typography",
2040
+ "content": "Activity",
2039
2041
  "variant": "h4"
2040
2042
  },
2041
2043
  {
@@ -2049,15 +2051,13 @@
2049
2051
  "type": "timeline"
2050
2052
  },
2051
2053
  {
2054
+ "icon": "rotate-ccw",
2052
2055
  "label": "Start a new transaction",
2053
2056
  "variant": "secondary",
2054
2057
  "action": "RESTART",
2055
- "icon": "rotate-ccw",
2056
2058
  "type": "button"
2057
2059
  }
2058
2060
  ],
2059
- "gap": "lg",
2060
- "direction": "vertical",
2061
2061
  "type": "stack"
2062
2062
  }
2063
2063
  ]
@@ -2082,8 +2082,8 @@
2082
2082
  "render-ui",
2083
2083
  "main",
2084
2084
  {
2085
- "title": "Returning…",
2086
- "type": "loading-state"
2085
+ "type": "loading-state",
2086
+ "title": "Returning…"
2087
2087
  }
2088
2088
  ]
2089
2089
  ]
@@ -2100,8 +2100,6 @@
2100
2100
  "array/append",
2101
2101
  "@entity.audit",
2102
2102
  {
2103
- "title": "Funds released",
2104
- "id": "released",
2105
2103
  "status": "complete",
2106
2104
  "description": [
2107
2105
  "str/concat",
@@ -2110,7 +2108,9 @@
2110
2108
  ],
2111
2109
  "timestamp": [
2112
2110
  "time/now"
2113
- ]
2111
+ ],
2112
+ "title": "Funds released",
2113
+ "id": "released"
2114
2114
  }
2115
2115
  ]
2116
2116
  ],
@@ -2118,13 +2118,11 @@
2118
2118
  "render-ui",
2119
2119
  "main",
2120
2120
  {
2121
- "type": "stack",
2122
- "direction": "vertical",
2121
+ "gap": "lg",
2123
2122
  "children": [
2124
2123
  {
2125
- "type": "stack",
2126
2124
  "direction": "horizontal",
2127
- "align": "center",
2125
+ "type": "stack",
2128
2126
  "children": [
2129
2127
  {
2130
2128
  "type": "icon",
@@ -2132,32 +2130,35 @@
2132
2130
  },
2133
2131
  {
2134
2132
  "type": "typography",
2135
- "variant": "h3",
2136
- "content": "@config.title"
2133
+ "content": "@config.title",
2134
+ "variant": "h3"
2137
2135
  },
2138
2136
  {
2139
- "type": "badge",
2137
+ "variant": "success",
2140
2138
  "label": "Completed",
2141
- "variant": "success"
2139
+ "type": "badge"
2142
2140
  }
2143
2141
  ],
2142
+ "align": "center",
2144
2143
  "gap": "sm"
2145
2144
  },
2146
2145
  {
2147
2146
  "children": [
2148
2147
  {
2148
+ "type": "stack",
2149
2149
  "direction": "vertical",
2150
+ "gap": "md",
2150
2151
  "align": "center",
2151
2152
  "children": [
2152
2153
  {
2153
- "type": "icon",
2154
+ "size": "lg",
2154
2155
  "name": "check-circle",
2155
- "size": "lg"
2156
+ "type": "icon"
2156
2157
  },
2157
2158
  {
2158
- "variant": "h2",
2159
- "align": "center",
2160
2159
  "content": "Transaction complete",
2160
+ "align": "center",
2161
+ "variant": "h2",
2161
2162
  "type": "typography"
2162
2163
  },
2163
2164
  {
@@ -2167,43 +2168,42 @@
2167
2168
  "align": "center"
2168
2169
  },
2169
2170
  {
2170
- "type": "typography",
2171
- "align": "center",
2172
- "color": "muted",
2171
+ "content": "Funds have been released to the seller.",
2173
2172
  "variant": "body",
2174
- "content": "Funds have been released to the seller."
2173
+ "color": "muted",
2174
+ "type": "typography",
2175
+ "align": "center"
2175
2176
  }
2176
- ],
2177
- "type": "stack",
2178
- "gap": "md"
2177
+ ]
2179
2178
  }
2180
2179
  ],
2181
2180
  "type": "card"
2182
2181
  },
2183
2182
  {
2184
- "type": "typography",
2185
2183
  "content": "Activity",
2186
- "variant": "h4"
2184
+ "variant": "h4",
2185
+ "type": "typography"
2187
2186
  },
2188
2187
  {
2189
- "type": "timeline",
2190
- "entity": "@entity.audit",
2191
2188
  "fields": [
2192
2189
  "title",
2193
2190
  "description",
2194
2191
  "timestamp",
2195
2192
  "status"
2196
- ]
2193
+ ],
2194
+ "type": "timeline",
2195
+ "entity": "@entity.audit"
2197
2196
  },
2198
2197
  {
2199
2198
  "type": "button",
2200
- "label": "Start a new transaction",
2201
2199
  "action": "RESTART",
2200
+ "label": "Start a new transaction",
2202
2201
  "icon": "rotate-ccw",
2203
2202
  "variant": "secondary"
2204
2203
  }
2205
2204
  ],
2206
- "gap": "lg"
2205
+ "type": "stack",
2206
+ "direction": "vertical"
2207
2207
  }
2208
2208
  ]
2209
2209
  ]
@@ -2227,52 +2227,52 @@
2227
2227
  "direction": "vertical",
2228
2228
  "children": [
2229
2229
  {
2230
- "align": "center",
2231
2230
  "direction": "horizontal",
2231
+ "type": "stack",
2232
2232
  "gap": "sm",
2233
+ "align": "center",
2233
2234
  "children": [
2234
2235
  {
2235
- "label": "Back",
2236
+ "action": "CANCEL_REASON",
2237
+ "icon": "arrow-left",
2236
2238
  "type": "button",
2237
2239
  "variant": "ghost",
2238
- "action": "CANCEL_REASON",
2239
- "icon": "arrow-left"
2240
+ "label": "Back"
2240
2241
  },
2241
2242
  {
2242
2243
  "name": "alert-triangle",
2243
2244
  "type": "icon"
2244
2245
  },
2245
2246
  {
2246
- "content": "Open a dispute",
2247
2247
  "variant": "h3",
2248
- "type": "typography"
2248
+ "type": "typography",
2249
+ "content": "Open a dispute"
2249
2250
  }
2250
- ],
2251
- "type": "stack"
2251
+ ]
2252
2252
  },
2253
2253
  {
2254
2254
  "children": [
2255
2255
  {
2256
2256
  "direction": "vertical",
2257
2257
  "gap": "sm",
2258
+ "type": "stack",
2258
2259
  "children": [
2259
2260
  {
2260
- "variant": "body",
2261
- "color": "muted",
2262
2261
  "type": "typography",
2263
- "content": "Describe the issue so all parties and the escrow officer can review. Funds will remain in escrow until the dispute is resolved."
2262
+ "content": "Describe the issue so all parties and the escrow officer can review. Funds will remain in escrow until the dispute is resolved.",
2263
+ "variant": "body",
2264
+ "color": "muted"
2264
2265
  },
2265
2266
  {
2266
- "fields": "@config.reasonFields",
2267
- "type": "form-section",
2268
- "entity": "@entity",
2269
2267
  "cancelEvent": "CANCEL_REASON",
2270
- "mode": "edit",
2268
+ "entity": "@entity",
2271
2269
  "submitLabel": "Submit dispute",
2272
- "submitEvent": "SUBMIT_DISPUTE"
2270
+ "fields": "@config.reasonFields",
2271
+ "submitEvent": "SUBMIT_DISPUTE",
2272
+ "type": "form-section",
2273
+ "mode": "edit"
2273
2274
  }
2274
- ],
2275
- "type": "stack"
2275
+ ]
2276
2276
  }
2277
2277
  ],
2278
2278
  "type": "card"
@@ -2292,8 +2292,8 @@
2292
2292
  "MultiPartyView",
2293
2293
  {
2294
2294
  "emit": {
2295
- "success": "FlowLoaded",
2296
- "failure": "FlowLoadFailed"
2295
+ "failure": "FlowLoadFailed",
2296
+ "success": "FlowLoaded"
2297
2297
  }
2298
2298
  }
2299
2299
  ],
@@ -2317,8 +2317,8 @@
2317
2317
  "MultiPartyView",
2318
2318
  {
2319
2319
  "emit": {
2320
- "failure": "FlowLoadFailed",
2321
- "success": "FlowLoaded"
2320
+ "success": "FlowLoaded",
2321
+ "failure": "FlowLoadFailed"
2322
2322
  }
2323
2323
  }
2324
2324
  ],
@@ -2342,8 +2342,8 @@
2342
2342
  "MultiPartyView",
2343
2343
  {
2344
2344
  "emit": {
2345
- "success": "FlowLoaded",
2346
- "failure": "FlowLoadFailed"
2345
+ "failure": "FlowLoadFailed",
2346
+ "success": "FlowLoaded"
2347
2347
  }
2348
2348
  }
2349
2349
  ],
@@ -2351,8 +2351,8 @@
2351
2351
  "render-ui",
2352
2352
  "main",
2353
2353
  {
2354
- "type": "loading-state",
2355
- "title": "Starting new transaction…"
2354
+ "title": "Starting new transaction…",
2355
+ "type": "loading-state"
2356
2356
  }
2357
2357
  ]
2358
2358
  ]
@@ -2367,8 +2367,8 @@
2367
2367
  "MultiPartyView",
2368
2368
  {
2369
2369
  "emit": {
2370
- "success": "FlowLoaded",
2371
- "failure": "FlowLoadFailed"
2370
+ "failure": "FlowLoadFailed",
2371
+ "success": "FlowLoaded"
2372
2372
  }
2373
2373
  }
2374
2374
  ],
@@ -2385,42 +2385,76 @@
2385
2385
  ]
2386
2386
  },
2387
2387
  "config": {
2388
+ "transactionSubject": {
2389
+ "type": "string",
2390
+ "default": "Sale of 2024 Honda CR-V",
2391
+ "label": "Subject",
2392
+ "description": "Short description of what is being transacted"
2393
+ },
2394
+ "transactionAmount": {
2395
+ "type": "string",
2396
+ "default": "$28,500",
2397
+ "label": "Amount",
2398
+ "description": "Formatted amount held in escrow"
2399
+ },
2400
+ "disputeLabel": {
2401
+ "type": "string",
2402
+ "default": "Open dispute",
2403
+ "label": "Dispute button",
2404
+ "description": "Label on the open-dispute escape-hatch button"
2405
+ },
2406
+ "transactionReference": {
2407
+ "type": "string",
2408
+ "default": "TXN-A8B2C-2024-001",
2409
+ "label": "Reference",
2410
+ "description": "External identifier shown in the summary"
2411
+ },
2388
2412
  "cancelLabel": {
2389
2413
  "type": "string",
2390
- "default": "Cancel transaction"
2414
+ "default": "Cancel transaction",
2415
+ "label": "Cancel button",
2416
+ "description": "Label on the cancel-transaction escape-hatch button"
2417
+ },
2418
+ "cancelIcon": {
2419
+ "type": "string",
2420
+ "default": "x",
2421
+ "label": "Cancel icon",
2422
+ "description": "Icon next to the cancel button"
2391
2423
  },
2392
2424
  "parties": {
2393
2425
  "type": "[object]",
2394
2426
  "default": [
2395
2427
  {
2396
- "icon": "user",
2397
- "stepLabel": "Step 1 of 2",
2398
2428
  "actor": "Alice Chen",
2399
2429
  "id": "buyer",
2430
+ "description": "Funds the transaction and confirms receipt of the vehicle.",
2400
2431
  "actionLabel": "Confirm payment",
2401
2432
  "actionDescription": "Authorize $28,500 to be held in escrow until delivery is confirmed.",
2402
- "title": "Buyer",
2403
- "description": "Funds the transaction and confirms receipt of the vehicle.",
2404
- "actionIcon": "credit-card"
2433
+ "icon": "user",
2434
+ "stepLabel": "Step 1 of 2",
2435
+ "actionIcon": "credit-card",
2436
+ "title": "Buyer"
2405
2437
  },
2406
2438
  {
2407
- "description": "Ships the vehicle and uploads delivery proof.",
2408
2439
  "actor": "Bob's Auto Sales LLC",
2409
- "actionLabel": "Confirm shipment",
2410
- "title": "Seller",
2440
+ "description": "Ships the vehicle and uploads delivery proof.",
2411
2441
  "id": "seller",
2412
- "actionDescription": "Mark the vehicle as shipped. Funds will release after the buyer confirms receipt.",
2413
- "actionIcon": "package",
2442
+ "icon": "user-check",
2443
+ "title": "Seller",
2414
2444
  "stepLabel": "Step 2 of 2",
2415
- "icon": "user-check"
2445
+ "actionIcon": "package",
2446
+ "actionLabel": "Confirm shipment",
2447
+ "actionDescription": "Mark the vehicle as shipped. Funds will release after the buyer confirms receipt."
2416
2448
  }
2417
2449
  ],
2418
2450
  "label": "Parties",
2419
2451
  "description": "Ordered participants with role, actor name, and required action"
2420
2452
  },
2421
- "cancelIcon": {
2453
+ "disputeIcon": {
2422
2454
  "type": "string",
2423
- "default": "x"
2455
+ "default": "alert-triangle",
2456
+ "label": "Dispute icon",
2457
+ "description": "Icon next to the dispute button"
2424
2458
  },
2425
2459
  "releaseLabel": {
2426
2460
  "type": "string",
@@ -2428,24 +2462,6 @@
2428
2462
  "label": "Release button",
2429
2463
  "description": "Label on the final-release primary button"
2430
2464
  },
2431
- "transactionAmount": {
2432
- "type": "string",
2433
- "default": "$28,500",
2434
- "label": "Amount",
2435
- "description": "Formatted amount held in escrow"
2436
- },
2437
- "title": {
2438
- "type": "string",
2439
- "default": "Escrow transaction",
2440
- "label": "Page title",
2441
- "description": "Heading shown above the transaction view"
2442
- },
2443
- "disputeIcon": {
2444
- "type": "string",
2445
- "default": "alert-triangle",
2446
- "label": "Dispute icon",
2447
- "description": "Icon next to the dispute button"
2448
- },
2449
2465
  "reasonFields": {
2450
2466
  "type": "[string]",
2451
2467
  "default": [
@@ -2460,23 +2476,11 @@
2460
2476
  "label": "Release icon",
2461
2477
  "description": "Icon next to the release button"
2462
2478
  },
2463
- "transactionSubject": {
2464
- "type": "string",
2465
- "default": "Sale of 2024 Honda CR-V",
2466
- "label": "Subject",
2467
- "description": "Short description of what is being transacted"
2468
- },
2469
- "transactionReference": {
2470
- "type": "string",
2471
- "default": "TXN-A8B2C-2024-001",
2472
- "label": "Reference",
2473
- "description": "External identifier shown in the summary"
2474
- },
2475
- "disputeLabel": {
2479
+ "title": {
2476
2480
  "type": "string",
2477
- "default": "Open dispute",
2478
- "label": "Dispute button",
2479
- "description": "Label on the open-dispute escape-hatch button"
2481
+ "default": "Escrow transaction",
2482
+ "label": "Page title",
2483
+ "description": "Heading shown above the transaction view"
2480
2484
  }
2481
2485
  },
2482
2486
  "scope": "instance"
@@ -2495,4 +2499,4 @@
2495
2499
  ]
2496
2500
  }
2497
2501
  ]
2498
- }
2502
+ }