@almadar/std 14.29.0 → 14.29.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 (9) hide show
  1. package/behaviors/registry/app/molecules/std-vendor-onboarding.orb +305 -257
  2. package/behaviors/registry/core/atoms/std-event-log.orb +554 -278
  3. package/behaviors/registry/core/atoms/std-step-flow.orb +713 -337
  4. package/behaviors/registry/core/molecules/std-wizard-form.orb +254 -183
  5. package/dist/behaviors/registry/app/molecules/std-vendor-onboarding.orb +305 -257
  6. package/dist/behaviors/registry/core/atoms/std-event-log.orb +554 -278
  7. package/dist/behaviors/registry/core/atoms/std-step-flow.orb +713 -337
  8. package/dist/behaviors/registry/core/molecules/std-wizard-form.orb +254 -183
  9. package/package.json +1 -1
package/behaviors/registry/app/molecules/std-vendor-onboarding.orb CHANGED
@@ -74,21 +74,45 @@
74
74
  "payloadSchema": [
75
75
  {
76
76
  "name": "data",
77
- "type": "object",
78
- "required": true
77
+ "type": "object"
78
+ },
79
+ {
80
+ "name": "currentStep",
81
+ "type": "number"
82
+ },
83
+ {
84
+ "name": "totalSteps",
85
+ "type": "number"
79
86
  }
80
87
  ]
81
88
  },
82
89
  {
83
- "event": "BACK_STEP"
90
+ "event": "BACK_STEP",
91
+ "payloadSchema": [
92
+ {
93
+ "name": "currentStep",
94
+ "type": "number"
95
+ },
96
+ {
97
+ "name": "totalSteps",
98
+ "type": "number"
99
+ }
100
+ ]
84
101
  },
85
102
  {
86
103
  "event": "SUBMIT",
87
104
  "payloadSchema": [
88
105
  {
89
106
  "name": "submittedAt",
90
- "type": "string",
91
- "required": true
107
+ "type": "string"
108
+ },
109
+ {
110
+ "name": "currentStep",
111
+ "type": "number"
112
+ },
113
+ {
114
+ "name": "totalSteps",
115
+ "type": "number"
92
116
  }
93
117
  ]
94
118
  },
@@ -210,14 +234,31 @@
210
234
  "payloadSchema": [
211
235
  {
212
236
  "name": "data",
213
- "type": "object",
214
- "required": true
237
+ "type": "object"
238
+ },
239
+ {
240
+ "name": "currentStep",
241
+ "type": "number"
242
+ },
243
+ {
244
+ "name": "totalSteps",
245
+ "type": "number"
215
246
  }
216
247
  ]
217
248
  },
218
249
  {
219
250
  "key": "BACK_STEP",
220
- "name": "Back Step"
251
+ "name": "Back Step",
252
+ "payloadSchema": [
253
+ {
254
+ "name": "currentStep",
255
+ "type": "number"
256
+ },
257
+ {
258
+ "name": "totalSteps",
259
+ "type": "number"
260
+ }
261
+ ]
221
262
  },
222
263
  {
223
264
  "key": "UPLOAD_IDENTITY",
@@ -236,8 +277,15 @@
236
277
  "payloadSchema": [
237
278
  {
238
279
  "name": "submittedAt",
239
- "type": "string",
240
- "required": true
280
+ "type": "string"
281
+ },
282
+ {
283
+ "name": "currentStep",
284
+ "type": "number"
285
+ },
286
+ {
287
+ "name": "totalSteps",
288
+ "type": "number"
241
289
  }
242
290
  ]
243
291
  }
@@ -253,8 +301,8 @@
253
301
  "Vendor",
254
302
  {
255
303
  "emit": {
256
- "success": "VendorLoaded",
257
- "failure": "VendorLoadFailed"
304
+ "failure": "VendorLoadFailed",
305
+ "success": "VendorLoaded"
258
306
  }
259
307
  }
260
308
  ],
@@ -262,20 +310,20 @@
262
310
  "render-ui",
263
311
  "main",
264
312
  {
265
- "direction": "vertical",
266
313
  "type": "stack",
314
+ "align": "center",
315
+ "direction": "vertical",
267
316
  "className": "py-12",
268
317
  "gap": "md",
269
- "align": "center",
270
318
  "children": [
271
319
  {
272
320
  "type": "spinner"
273
321
  },
274
322
  {
275
- "variant": "caption",
276
323
  "color": "muted",
277
- "content": "Loading vendor application…",
278
- "type": "typography"
324
+ "type": "typography",
325
+ "variant": "caption",
326
+ "content": "Loading vendor application…"
279
327
  }
280
328
  ]
281
329
  }
@@ -291,29 +339,30 @@
291
339
  "render-ui",
292
340
  "main",
293
341
  {
342
+ "direction": "vertical",
343
+ "type": "stack",
294
344
  "gap": "md",
295
345
  "className": "max-w-2xl mx-auto w-full",
296
- "type": "stack",
297
- "direction": "vertical",
298
346
  "children": [
299
347
  {
300
- "direction": "horizontal",
301
- "align": "center",
302
- "gap": "sm",
303
- "type": "stack",
304
348
  "children": [
305
349
  {
306
350
  "type": "icon",
307
351
  "name": "user"
308
352
  },
309
353
  {
310
- "variant": "h3",
311
354
  "type": "typography",
312
- "content": "Vendor Onboarding"
355
+ "content": "Vendor Onboarding",
356
+ "variant": "h3"
313
357
  }
314
- ]
358
+ ],
359
+ "direction": "horizontal",
360
+ "gap": "sm",
361
+ "align": "center",
362
+ "type": "stack"
315
363
  },
316
364
  {
365
+ "currentStep": 0.0,
317
366
  "type": "wizard-progress",
318
367
  "steps": [
319
368
  "Business",
@@ -321,29 +370,28 @@
321
370
  "Bank",
322
371
  "Identity",
323
372
  "Review"
324
- ],
325
- "currentStep": 0.0
373
+ ]
326
374
  },
327
375
  {
328
376
  "type": "divider"
329
377
  },
330
378
  {
379
+ "type": "form-section",
380
+ "mode": "create",
381
+ "submitEvent": "NEXT_STEP",
382
+ "cancelEvent": "INIT",
331
383
  "fields": [
332
384
  "businessName",
333
385
  "legalName"
334
- ],
335
- "mode": "create",
336
- "submitEvent": "NEXT_STEP",
337
- "type": "form-section",
338
- "cancelEvent": "INIT"
386
+ ]
339
387
  },
340
388
  {
389
+ "type": "wizard-navigation",
341
390
  "showBack": false,
342
- "onNext": "NEXT_STEP",
391
+ "currentStep": 0.0,
343
392
  "totalSteps": 5.0,
344
393
  "showNext": true,
345
- "type": "wizard-navigation",
346
- "currentStep": 0.0,
394
+ "onNext": "NEXT_STEP",
347
395
  "showComplete": false
348
396
  }
349
397
  ]
@@ -360,9 +408,9 @@
360
408
  "render-ui",
361
409
  "main",
362
410
  {
363
- "message": "@payload.error",
411
+ "variant": "error",
364
412
  "type": "alert",
365
- "variant": "error"
413
+ "message": "@payload.error"
366
414
  }
367
415
  ]
368
416
  ]
@@ -391,11 +439,10 @@
391
439
  "render-ui",
392
440
  "main",
393
441
  {
394
- "direction": "vertical",
395
442
  "children": [
396
443
  {
397
- "gap": "sm",
398
444
  "type": "stack",
445
+ "direction": "horizontal",
399
446
  "align": "center",
400
447
  "children": [
401
448
  {
@@ -404,13 +451,14 @@
404
451
  },
405
452
  {
406
453
  "content": "Tax ID",
407
- "variant": "h3",
408
- "type": "typography"
454
+ "type": "typography",
455
+ "variant": "h3"
409
456
  }
410
457
  ],
411
- "direction": "horizontal"
458
+ "gap": "sm"
412
459
  },
413
460
  {
461
+ "type": "wizard-progress",
414
462
  "steps": [
415
463
  "Business",
416
464
  "Tax ID",
@@ -418,7 +466,6 @@
418
466
  "Identity",
419
467
  "Review"
420
468
  ],
421
- "type": "wizard-progress",
422
469
  "currentStep": 1.0
423
470
  },
424
471
  {
@@ -426,28 +473,29 @@
426
473
  },
427
474
  {
428
475
  "entity": "@entity",
476
+ "mode": "edit",
429
477
  "cancelEvent": "BACK_STEP",
430
- "type": "form-section",
431
- "submitEvent": "NEXT_STEP",
432
478
  "fields": [
433
479
  "ein"
434
480
  ],
435
- "mode": "edit"
481
+ "type": "form-section",
482
+ "submitEvent": "NEXT_STEP"
436
483
  },
437
484
  {
438
- "onNext": "NEXT_STEP",
439
- "onBack": "BACK_STEP",
440
- "totalSteps": 5.0,
441
- "type": "wizard-navigation",
442
- "showComplete": false,
443
485
  "currentStep": 1.0,
486
+ "type": "wizard-navigation",
487
+ "showBack": true,
444
488
  "showNext": true,
445
- "showBack": true
489
+ "showComplete": false,
490
+ "totalSteps": 5.0,
491
+ "onNext": "NEXT_STEP",
492
+ "onBack": "BACK_STEP"
446
493
  }
447
494
  ],
448
- "className": "max-w-2xl mx-auto w-full",
449
495
  "gap": "md",
450
- "type": "stack"
496
+ "type": "stack",
497
+ "direction": "vertical",
498
+ "className": "max-w-2xl mx-auto w-full"
451
499
  }
452
500
  ]
453
501
  ]
@@ -473,12 +521,11 @@
473
521
  {
474
522
  "className": "max-w-2xl mx-auto w-full",
475
523
  "gap": "md",
476
- "direction": "vertical",
477
524
  "children": [
478
525
  {
479
526
  "type": "stack",
480
- "direction": "horizontal",
481
527
  "gap": "sm",
528
+ "direction": "horizontal",
482
529
  "align": "center",
483
530
  "children": [
484
531
  {
@@ -486,48 +533,49 @@
486
533
  "name": "credit-card"
487
534
  },
488
535
  {
489
- "content": "Bank Link",
490
536
  "variant": "h3",
491
- "type": "typography"
537
+ "type": "typography",
538
+ "content": "Bank Link"
492
539
  }
493
540
  ]
494
541
  },
495
542
  {
496
543
  "type": "wizard-progress",
497
- "currentStep": 2.0,
498
544
  "steps": [
499
545
  "Business",
500
546
  "Tax ID",
501
547
  "Bank",
502
548
  "Identity",
503
549
  "Review"
504
- ]
550
+ ],
551
+ "currentStep": 2.0
505
552
  },
506
553
  {
507
554
  "type": "divider"
508
555
  },
509
556
  {
510
- "cancelEvent": "BACK_STEP",
511
557
  "entity": "@entity",
558
+ "mode": "edit",
512
559
  "type": "form-section",
513
560
  "submitEvent": "NEXT_STEP",
561
+ "cancelEvent": "BACK_STEP",
514
562
  "fields": [
515
563
  "bankRoutingMasked",
516
564
  "bankAcctMasked"
517
- ],
518
- "mode": "edit"
565
+ ]
519
566
  },
520
567
  {
521
- "showNext": true,
522
568
  "showBack": true,
523
- "onBack": "BACK_STEP",
524
- "type": "wizard-navigation",
525
569
  "currentStep": 2.0,
570
+ "type": "wizard-navigation",
571
+ "showNext": true,
526
572
  "showComplete": false,
527
- "totalSteps": 5.0,
528
- "onNext": "NEXT_STEP"
573
+ "onBack": "BACK_STEP",
574
+ "onNext": "NEXT_STEP",
575
+ "totalSteps": 5.0
529
576
  }
530
577
  ],
578
+ "direction": "vertical",
531
579
  "type": "stack"
532
580
  }
533
581
  ]
@@ -547,16 +595,19 @@
547
595
  "render-ui",
548
596
  "main",
549
597
  {
598
+ "direction": "vertical",
599
+ "className": "max-w-2xl mx-auto w-full",
600
+ "type": "stack",
550
601
  "children": [
551
602
  {
552
603
  "type": "stack",
604
+ "gap": "sm",
553
605
  "align": "center",
554
606
  "direction": "horizontal",
555
- "gap": "sm",
556
607
  "children": [
557
608
  {
558
- "name": "user",
559
- "type": "icon"
609
+ "type": "icon",
610
+ "name": "user"
560
611
  },
561
612
  {
562
613
  "content": "Business Info",
@@ -566,44 +617,41 @@
566
617
  ]
567
618
  },
568
619
  {
569
- "currentStep": 0.0,
570
- "type": "wizard-progress",
571
620
  "steps": [
572
621
  "Business",
573
622
  "Tax ID",
574
623
  "Bank",
575
624
  "Identity",
576
625
  "Review"
577
- ]
626
+ ],
627
+ "currentStep": 0.0,
628
+ "type": "wizard-progress"
578
629
  },
579
630
  {
580
631
  "type": "divider"
581
632
  },
582
633
  {
634
+ "mode": "edit",
635
+ "type": "form-section",
636
+ "submitEvent": "NEXT_STEP",
637
+ "entity": "@entity",
638
+ "cancelEvent": "INIT",
583
639
  "fields": [
584
640
  "businessName",
585
641
  "legalName"
586
- ],
587
- "type": "form-section",
588
- "mode": "edit",
589
- "entity": "@entity",
590
- "submitEvent": "NEXT_STEP",
591
- "cancelEvent": "INIT"
642
+ ]
592
643
  },
593
644
  {
594
- "showComplete": false,
595
645
  "type": "wizard-navigation",
596
646
  "currentStep": 0.0,
647
+ "totalSteps": 5.0,
648
+ "onNext": "NEXT_STEP",
597
649
  "showNext": true,
598
650
  "showBack": false,
599
- "onNext": "NEXT_STEP",
600
- "totalSteps": 5.0
651
+ "showComplete": false
601
652
  }
602
653
  ],
603
- "gap": "md",
604
- "type": "stack",
605
- "className": "max-w-2xl mx-auto w-full",
606
- "direction": "vertical"
654
+ "gap": "md"
607
655
  }
608
656
  ]
609
657
  ]
@@ -632,24 +680,21 @@
632
680
  "render-ui",
633
681
  "main",
634
682
  {
635
- "type": "stack",
636
- "direction": "vertical",
637
- "className": "max-w-2xl mx-auto w-full",
638
683
  "children": [
639
684
  {
685
+ "align": "center",
640
686
  "gap": "sm",
641
687
  "type": "stack",
642
- "align": "center",
643
688
  "direction": "horizontal",
644
689
  "children": [
645
690
  {
646
- "type": "icon",
647
- "name": "credit-card"
691
+ "name": "credit-card",
692
+ "type": "icon"
648
693
  },
649
694
  {
650
- "content": "Identity Verification",
695
+ "type": "typography",
651
696
  "variant": "h3",
652
- "type": "typography"
697
+ "content": "Identity Verification"
653
698
  }
654
699
  ]
655
700
  },
@@ -669,31 +714,34 @@
669
714
  },
670
715
  {
671
716
  "type": "typography",
672
- "variant": "body",
717
+ "content": "Upload a government-issued ID to verify your identity.",
673
718
  "color": "muted",
674
- "content": "Upload a government-issued ID to verify your identity."
719
+ "variant": "body"
675
720
  },
676
721
  {
677
- "action": "UPLOAD_IDENTITY",
722
+ "type": "upload-drop-zone",
723
+ "icon": "credit-card",
724
+ "description": "or click to browse",
678
725
  "maxSize": 10485760.0,
679
726
  "maxFiles": 2.0,
680
727
  "accept": "image/*",
681
- "type": "upload-drop-zone",
682
- "description": "or click to browse",
683
- "label": "Drop ID document here",
684
- "icon": "credit-card"
728
+ "action": "UPLOAD_IDENTITY",
729
+ "label": "Drop ID document here"
685
730
  },
686
731
  {
687
- "showNext": true,
688
- "onBack": "BACK_STEP",
689
732
  "showComplete": false,
690
- "totalSteps": 5.0,
691
733
  "currentStep": 3.0,
734
+ "onBack": "BACK_STEP",
735
+ "totalSteps": 5.0,
736
+ "showNext": true,
692
737
  "onNext": "NEXT_STEP",
693
738
  "type": "wizard-navigation",
694
739
  "showBack": true
695
740
  }
696
741
  ],
742
+ "className": "max-w-2xl mx-auto w-full",
743
+ "type": "stack",
744
+ "direction": "vertical",
697
745
  "gap": "md"
698
746
  }
699
747
  ]
@@ -713,13 +761,13 @@
713
761
  "render-ui",
714
762
  "main",
715
763
  {
764
+ "className": "max-w-2xl mx-auto w-full",
716
765
  "direction": "vertical",
717
766
  "type": "stack",
718
767
  "gap": "md",
719
- "className": "max-w-2xl mx-auto w-full",
720
768
  "children": [
721
769
  {
722
- "gap": "sm",
770
+ "direction": "horizontal",
723
771
  "align": "center",
724
772
  "children": [
725
773
  {
@@ -727,47 +775,47 @@
727
775
  "name": "credit-card"
728
776
  },
729
777
  {
730
- "type": "typography",
731
778
  "variant": "h3",
732
- "content": "Tax ID"
779
+ "content": "Tax ID",
780
+ "type": "typography"
733
781
  }
734
782
  ],
735
783
  "type": "stack",
736
- "direction": "horizontal"
784
+ "gap": "sm"
737
785
  },
738
786
  {
739
- "currentStep": 1.0,
740
- "type": "wizard-progress",
741
787
  "steps": [
742
788
  "Business",
743
789
  "Tax ID",
744
790
  "Bank",
745
791
  "Identity",
746
792
  "Review"
747
- ]
793
+ ],
794
+ "currentStep": 1.0,
795
+ "type": "wizard-progress"
748
796
  },
749
797
  {
750
798
  "type": "divider"
751
799
  },
752
800
  {
801
+ "type": "form-section",
802
+ "entity": "@entity",
753
803
  "fields": [
754
804
  "ein"
755
805
  ],
756
- "type": "form-section",
757
- "entity": "@entity",
758
- "mode": "edit",
759
806
  "submitEvent": "NEXT_STEP",
807
+ "mode": "edit",
760
808
  "cancelEvent": "BACK_STEP"
761
809
  },
762
810
  {
763
- "type": "wizard-navigation",
764
- "totalSteps": 5.0,
765
- "onNext": "NEXT_STEP",
766
811
  "showComplete": false,
767
812
  "showNext": true,
768
813
  "onBack": "BACK_STEP",
814
+ "type": "wizard-navigation",
815
+ "onNext": "NEXT_STEP",
769
816
  "currentStep": 1.0,
770
- "showBack": true
817
+ "showBack": true,
818
+ "totalSteps": 5.0
771
819
  }
772
820
  ]
773
821
  }
@@ -788,9 +836,15 @@
788
836
  "render-ui",
789
837
  "main",
790
838
  {
839
+ "direction": "vertical",
840
+ "gap": "md",
791
841
  "type": "stack",
842
+ "className": "max-w-2xl mx-auto w-full",
792
843
  "children": [
793
844
  {
845
+ "gap": "sm",
846
+ "direction": "horizontal",
847
+ "align": "center",
794
848
  "type": "stack",
795
849
  "children": [
796
850
  {
@@ -799,16 +853,12 @@
799
853
  },
800
854
  {
801
855
  "variant": "h3",
802
- "type": "typography",
803
- "content": "Identity Verification"
856
+ "content": "Identity Verification",
857
+ "type": "typography"
804
858
  }
805
- ],
806
- "gap": "sm",
807
- "direction": "horizontal",
808
- "align": "center"
859
+ ]
809
860
  },
810
861
  {
811
- "type": "wizard-progress",
812
862
  "steps": [
813
863
  "Business",
814
864
  "Tax ID",
@@ -816,6 +866,7 @@
816
866
  "Identity",
817
867
  "Review"
818
868
  ],
869
+ "type": "wizard-progress",
819
870
  "currentStep": 3.0
820
871
  },
821
872
  {
@@ -823,48 +874,45 @@
823
874
  },
824
875
  {
825
876
  "variant": "success",
826
- "type": "alert",
827
- "message": "Identity document uploaded."
877
+ "message": "Identity document uploaded.",
878
+ "type": "alert"
828
879
  },
829
880
  {
830
- "type": "stack",
831
- "direction": "vertical",
832
881
  "gap": "sm",
882
+ "type": "stack",
833
883
  "children": [
834
884
  {
835
- "gap": "md",
836
- "direction": "horizontal",
885
+ "type": "stack",
837
886
  "children": [
838
887
  {
839
- "color": "muted",
840
- "type": "typography",
841
888
  "variant": "caption",
842
- "content": "Document URL"
889
+ "color": "muted",
890
+ "content": "Document URL",
891
+ "type": "typography"
843
892
  },
844
893
  {
845
894
  "content": "@entity.identityDocUrl",
846
- "type": "typography",
847
- "variant": "body"
895
+ "variant": "body",
896
+ "type": "typography"
848
897
  }
849
898
  ],
850
- "type": "stack"
899
+ "gap": "md",
900
+ "direction": "horizontal"
851
901
  }
852
- ]
902
+ ],
903
+ "direction": "vertical"
853
904
  },
854
905
  {
855
- "onNext": "NEXT_STEP",
856
- "showBack": true,
857
- "totalSteps": 5.0,
858
- "type": "wizard-navigation",
906
+ "showNext": true,
859
907
  "currentStep": 3.0,
860
- "showComplete": false,
908
+ "totalSteps": 5.0,
861
909
  "onBack": "BACK_STEP",
862
- "showNext": true
910
+ "showComplete": false,
911
+ "type": "wizard-navigation",
912
+ "showBack": true,
913
+ "onNext": "NEXT_STEP"
863
914
  }
864
- ],
865
- "direction": "vertical",
866
- "className": "max-w-2xl mx-auto w-full",
867
- "gap": "md"
915
+ ]
868
916
  }
869
917
  ]
870
918
  ]
@@ -884,9 +932,13 @@
884
932
  "main",
885
933
  {
886
934
  "type": "stack",
935
+ "className": "max-w-2xl mx-auto w-full",
887
936
  "gap": "md",
888
937
  "children": [
889
938
  {
939
+ "direction": "horizontal",
940
+ "align": "center",
941
+ "type": "stack",
890
942
  "gap": "sm",
891
943
  "children": [
892
944
  {
@@ -898,10 +950,7 @@
898
950
  "variant": "h3",
899
951
  "content": "Review"
900
952
  }
901
- ],
902
- "direction": "horizontal",
903
- "type": "stack",
904
- "align": "center"
953
+ ]
905
954
  },
906
955
  {
907
956
  "currentStep": 4.0,
@@ -918,48 +967,46 @@
918
967
  "type": "divider"
919
968
  },
920
969
  {
921
- "gap": "sm",
970
+ "type": "stack",
922
971
  "children": [
923
972
  {
924
- "direction": "horizontal",
925
973
  "type": "stack",
926
974
  "gap": "md",
975
+ "direction": "horizontal",
927
976
  "children": [
928
977
  {
929
- "variant": "caption",
930
- "color": "muted",
931
978
  "content": "Business Name",
932
- "type": "typography"
979
+ "type": "typography",
980
+ "variant": "caption",
981
+ "color": "muted"
933
982
  },
934
983
  {
935
- "variant": "body",
936
984
  "type": "typography",
937
- "content": "@entity.businessName"
985
+ "content": "@entity.businessName",
986
+ "variant": "body"
938
987
  }
939
988
  ]
940
989
  },
941
990
  {
942
- "type": "stack",
943
991
  "children": [
944
992
  {
945
993
  "variant": "caption",
946
- "content": "Legal Name",
947
994
  "type": "typography",
995
+ "content": "Legal Name",
948
996
  "color": "muted"
949
997
  },
950
998
  {
951
- "type": "typography",
952
999
  "variant": "body",
953
- "content": "@entity.legalName"
1000
+ "content": "@entity.legalName",
1001
+ "type": "typography"
954
1002
  }
955
1003
  ],
956
- "gap": "md",
957
- "direction": "horizontal"
1004
+ "type": "stack",
1005
+ "direction": "horizontal",
1006
+ "gap": "md"
958
1007
  },
959
1008
  {
960
- "type": "stack",
961
1009
  "direction": "horizontal",
962
- "gap": "md",
963
1010
  "children": [
964
1011
  {
965
1012
  "variant": "caption",
@@ -969,103 +1016,104 @@
969
1016
  },
970
1017
  {
971
1018
  "type": "typography",
972
- "content": "@entity.ein",
973
- "variant": "body"
1019
+ "variant": "body",
1020
+ "content": "@entity.ein"
974
1021
  }
975
- ]
1022
+ ],
1023
+ "type": "stack",
1024
+ "gap": "md"
976
1025
  },
977
1026
  {
1027
+ "direction": "horizontal",
1028
+ "type": "stack",
978
1029
  "children": [
979
1030
  {
980
- "type": "typography",
981
1031
  "variant": "caption",
1032
+ "content": "Bank Routing",
982
1033
  "color": "muted",
983
- "content": "Bank Routing"
1034
+ "type": "typography"
984
1035
  },
985
1036
  {
986
1037
  "type": "typography",
987
- "variant": "body",
988
- "content": "@entity.bankRoutingMasked"
1038
+ "content": "@entity.bankRoutingMasked",
1039
+ "variant": "body"
989
1040
  }
990
1041
  ],
991
- "direction": "horizontal",
992
- "gap": "md",
993
- "type": "stack"
1042
+ "gap": "md"
994
1043
  },
995
1044
  {
996
1045
  "gap": "md",
997
1046
  "direction": "horizontal",
998
1047
  "children": [
999
1048
  {
1000
- "type": "typography",
1001
- "content": "Bank Account",
1002
1049
  "variant": "caption",
1003
- "color": "muted"
1050
+ "color": "muted",
1051
+ "content": "Bank Account",
1052
+ "type": "typography"
1004
1053
  },
1005
1054
  {
1006
- "variant": "body",
1007
1055
  "content": "@entity.bankAcctMasked",
1008
- "type": "typography"
1056
+ "type": "typography",
1057
+ "variant": "body"
1009
1058
  }
1010
1059
  ],
1011
1060
  "type": "stack"
1012
1061
  },
1013
1062
  {
1014
- "direction": "horizontal",
1015
1063
  "type": "stack",
1016
1064
  "children": [
1017
1065
  {
1018
- "variant": "caption",
1019
- "color": "muted",
1020
1066
  "content": "Identity Doc",
1021
- "type": "typography"
1067
+ "type": "typography",
1068
+ "color": "muted",
1069
+ "variant": "caption"
1022
1070
  },
1023
1071
  {
1072
+ "content": "@entity.identityDocUrl",
1024
1073
  "type": "typography",
1025
- "variant": "body",
1026
- "content": "@entity.identityDocUrl"
1074
+ "variant": "body"
1027
1075
  }
1028
1076
  ],
1029
- "gap": "md"
1077
+ "gap": "md",
1078
+ "direction": "horizontal"
1030
1079
  }
1031
1080
  ],
1032
- "type": "stack",
1033
- "direction": "vertical"
1081
+ "direction": "vertical",
1082
+ "gap": "sm"
1034
1083
  },
1035
1084
  {
1036
1085
  "type": "divider"
1037
1086
  },
1038
1087
  {
1039
- "type": "simple-grid",
1040
1088
  "cols": 2.0,
1041
1089
  "children": [
1042
1090
  {
1043
- "type": "stat-display",
1044
1091
  "value": "@entity.businessName",
1092
+ "label": "Business",
1045
1093
  "icon": "user",
1046
- "label": "Business"
1094
+ "type": "stat-display"
1047
1095
  },
1048
1096
  {
1049
- "label": "EIN",
1050
1097
  "value": "@entity.ein",
1051
1098
  "type": "stat-display",
1099
+ "label": "EIN",
1052
1100
  "icon": "credit-card"
1053
1101
  }
1054
- ]
1102
+ ],
1103
+ "type": "simple-grid"
1055
1104
  },
1056
1105
  {
1057
- "showNext": false,
1058
1106
  "totalSteps": 5.0,
1059
- "showComplete": true,
1060
- "onComplete": "SUBMIT",
1061
1107
  "currentStep": 4.0,
1108
+ "onBack": "BACK_STEP",
1062
1109
  "type": "wizard-navigation",
1110
+ "onComplete": "SUBMIT",
1111
+ "showComplete": true,
1063
1112
  "showBack": true,
1064
- "onBack": "BACK_STEP"
1113
+ "showNext": false
1065
1114
  }
1066
1115
  ],
1067
- "direction": "vertical",
1068
- "className": "max-w-2xl mx-auto w-full"
1116
+ "direction": "vertical"
1069
1117
  }
1070
1118
  ]
1071
1119
  ]
@@ -1084,64 +1132,64 @@
1084
1132
  "render-ui",
1085
1133
  "main",
1086
1134
  {
1087
- "className": "max-w-2xl mx-auto w-full",
1088
- "gap": "md",
1089
1135
  "direction": "vertical",
1136
+ "gap": "md",
1137
+ "type": "stack",
1138
+ "className": "max-w-2xl mx-auto w-full",
1090
1139
  "children": [
1091
1140
  {
1092
1141
  "type": "stack",
1093
- "direction": "horizontal",
1094
- "gap": "sm",
1095
1142
  "align": "center",
1143
+ "gap": "sm",
1096
1144
  "children": [
1097
1145
  {
1098
1146
  "type": "icon",
1099
1147
  "name": "credit-card"
1100
1148
  },
1101
1149
  {
1102
- "content": "Bank Link",
1103
1150
  "variant": "h3",
1104
- "type": "typography"
1151
+ "type": "typography",
1152
+ "content": "Bank Link"
1105
1153
  }
1106
- ]
1154
+ ],
1155
+ "direction": "horizontal"
1107
1156
  },
1108
1157
  {
1158
+ "currentStep": 2.0,
1159
+ "type": "wizard-progress",
1109
1160
  "steps": [
1110
1161
  "Business",
1111
1162
  "Tax ID",
1112
1163
  "Bank",
1113
1164
  "Identity",
1114
1165
  "Review"
1115
- ],
1116
- "type": "wizard-progress",
1117
- "currentStep": 2.0
1166
+ ]
1118
1167
  },
1119
1168
  {
1120
1169
  "type": "divider"
1121
1170
  },
1122
1171
  {
1123
- "cancelEvent": "BACK_STEP",
1172
+ "type": "form-section",
1173
+ "submitEvent": "NEXT_STEP",
1124
1174
  "entity": "@entity",
1175
+ "cancelEvent": "BACK_STEP",
1125
1176
  "fields": [
1126
1177
  "bankRoutingMasked",
1127
1178
  "bankAcctMasked"
1128
1179
  ],
1129
- "type": "form-section",
1130
- "submitEvent": "NEXT_STEP",
1131
1180
  "mode": "edit"
1132
1181
  },
1133
1182
  {
1134
- "showComplete": false,
1135
1183
  "totalSteps": 5.0,
1184
+ "onNext": "NEXT_STEP",
1185
+ "showComplete": false,
1136
1186
  "showBack": true,
1137
- "type": "wizard-navigation",
1138
- "currentStep": 2.0,
1139
- "showNext": true,
1140
1187
  "onBack": "BACK_STEP",
1141
- "onNext": "NEXT_STEP"
1188
+ "showNext": true,
1189
+ "currentStep": 2.0,
1190
+ "type": "wizard-navigation"
1142
1191
  }
1143
- ],
1144
- "type": "stack"
1192
+ ]
1145
1193
  }
1146
1194
  ]
1147
1195
  ]
@@ -1165,29 +1213,29 @@
1165
1213
  "render-ui",
1166
1214
  "main",
1167
1215
  {
1168
- "direction": "vertical",
1169
- "gap": "md",
1170
1216
  "align": "center",
1171
- "type": "stack",
1172
- "className": "max-w-2xl mx-auto w-full py-12",
1173
1217
  "children": [
1174
1218
  {
1219
+ "color": "success",
1175
1220
  "type": "icon",
1176
- "name": "check-circle",
1177
- "color": "success"
1221
+ "name": "check-circle"
1178
1222
  },
1179
1223
  {
1180
1224
  "content": "Application Submitted",
1181
- "variant": "h3",
1182
- "type": "typography"
1225
+ "type": "typography",
1226
+ "variant": "h3"
1183
1227
  },
1184
1228
  {
1185
- "type": "typography",
1186
- "variant": "body",
1187
1229
  "color": "muted",
1188
- "content": "Thanks. We will review your vendor application and email you within 2 business days."
1230
+ "variant": "body",
1231
+ "content": "Thanks. We will review your vendor application and email you within 2 business days.",
1232
+ "type": "typography"
1189
1233
  }
1190
- ]
1234
+ ],
1235
+ "gap": "md",
1236
+ "type": "stack",
1237
+ "direction": "vertical",
1238
+ "className": "max-w-2xl mx-auto w-full py-12"
1191
1239
  }
1192
1240
  ]
1193
1241
  ]
@@ -1206,28 +1254,30 @@
1206
1254
  "render-ui",
1207
1255
  "main",
1208
1256
  {
1209
- "gap": "md",
1210
1257
  "type": "stack",
1211
1258
  "className": "max-w-2xl mx-auto w-full",
1259
+ "gap": "md",
1260
+ "direction": "vertical",
1212
1261
  "children": [
1213
1262
  {
1263
+ "gap": "sm",
1214
1264
  "direction": "horizontal",
1215
1265
  "children": [
1216
1266
  {
1217
- "name": "credit-card",
1218
- "type": "icon"
1267
+ "type": "icon",
1268
+ "name": "credit-card"
1219
1269
  },
1220
1270
  {
1221
- "content": "Identity Verification",
1271
+ "type": "typography",
1222
1272
  "variant": "h3",
1223
- "type": "typography"
1273
+ "content": "Identity Verification"
1224
1274
  }
1225
1275
  ],
1226
1276
  "type": "stack",
1227
- "gap": "sm",
1228
1277
  "align": "center"
1229
1278
  },
1230
1279
  {
1280
+ "type": "wizard-progress",
1231
1281
  "steps": [
1232
1282
  "Business",
1233
1283
  "Tax ID",
@@ -1235,34 +1285,32 @@
1235
1285
  "Identity",
1236
1286
  "Review"
1237
1287
  ],
1238
- "currentStep": 3.0,
1239
- "type": "wizard-progress"
1288
+ "currentStep": 3.0
1240
1289
  },
1241
1290
  {
1242
1291
  "type": "divider"
1243
1292
  },
1244
1293
  {
1245
- "action": "UPLOAD_IDENTITY",
1246
- "maxSize": 10485760.0,
1247
- "type": "upload-drop-zone",
1248
1294
  "maxFiles": 2.0,
1249
- "accept": "image/*",
1250
1295
  "label": "Drop ID document here",
1296
+ "type": "upload-drop-zone",
1297
+ "accept": "image/*",
1298
+ "description": "or click to browse",
1251
1299
  "icon": "credit-card",
1252
- "description": "or click to browse"
1300
+ "maxSize": 10485760.0,
1301
+ "action": "UPLOAD_IDENTITY"
1253
1302
  },
1254
1303
  {
1255
- "showComplete": false,
1256
- "type": "wizard-navigation",
1257
- "totalSteps": 5.0,
1304
+ "currentStep": 3.0,
1258
1305
  "showBack": true,
1306
+ "showNext": true,
1307
+ "totalSteps": 5.0,
1259
1308
  "onBack": "BACK_STEP",
1260
1309
  "onNext": "NEXT_STEP",
1261
- "currentStep": 3.0,
1262
- "showNext": true
1310
+ "showComplete": false,
1311
+ "type": "wizard-navigation"
1263
1312
  }
1264
- ],
1265
- "direction": "vertical"
1313
+ ]
1266
1314
  }
1267
1315
  ]
1268
1316
  ]