@almadar/std 14.6.0 → 14.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/behaviors/registry/app/organisms/std-ecommerce.orb +733 -701
  2. package/behaviors/registry/service/atoms/std-service-stripe.orb +187 -171
  3. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +733 -701
  4. package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +187 -171
  5. package/package.json +1 -1
package/behaviors/registry/service/atoms/std-service-stripe.orb CHANGED
@@ -111,11 +111,12 @@
111
111
  "render-ui",
112
112
  "main",
113
113
  {
114
- "direction": "vertical",
115
114
  "type": "stack",
116
115
  "align": "center",
117
116
  "children": [
118
117
  {
118
+ "align": "center",
119
+ "gap": "md",
119
120
  "children": [
120
121
  {
121
122
  "name": "credit-card",
@@ -123,28 +124,26 @@
123
124
  },
124
125
  {
125
126
  "type": "typography",
126
- "variant": "h2",
127
- "content": "Payment"
127
+ "content": "Payment",
128
+ "variant": "h2"
128
129
  }
129
130
  ],
130
131
  "direction": "horizontal",
131
- "type": "stack",
132
- "gap": "md",
133
- "align": "center"
132
+ "type": "stack"
134
133
  },
135
134
  {
136
135
  "type": "divider"
137
136
  },
138
137
  {
139
138
  "type": "stack",
139
+ "direction": "vertical",
140
140
  "children": [
141
141
  {
142
+ "placeholder": "0.00",
142
143
  "type": "input",
143
- "inputType": "number",
144
- "placeholder": "0.00"
144
+ "inputType": "number"
145
145
  },
146
146
  {
147
- "type": "select",
148
147
  "options": [
149
148
  {
150
149
  "label": "USD",
@@ -155,24 +154,25 @@
155
154
  "label": "EUR"
156
155
  },
157
156
  {
158
- "label": "GBP",
159
- "value": "gbp"
157
+ "value": "gbp",
158
+ "label": "GBP"
160
159
  }
161
- ]
160
+ ],
161
+ "type": "select"
162
162
  }
163
163
  ],
164
- "gap": "md",
165
- "direction": "vertical"
164
+ "gap": "md"
166
165
  },
167
166
  {
168
- "label": "Pay",
169
- "variant": "primary",
170
- "action": "CREATE_PAYMENT",
171
167
  "type": "button",
172
- "icon": "credit-card"
168
+ "icon": "credit-card",
169
+ "variant": "primary",
170
+ "label": "Pay",
171
+ "action": "CREATE_PAYMENT"
173
172
  }
174
173
  ],
175
- "gap": "lg"
174
+ "gap": "lg",
175
+ "direction": "vertical"
176
176
  }
177
177
  ]
178
178
  ]
@@ -229,6 +229,30 @@
229
229
  "type": "string"
230
230
  }
231
231
  ]
232
+ },
233
+ {
234
+ "event": "PAYMENT_CREATED",
235
+ "payloadSchema": [
236
+ {
237
+ "name": "id",
238
+ "type": "string",
239
+ "required": true
240
+ },
241
+ {
242
+ "name": "clientSecret",
243
+ "type": "string",
244
+ "required": true
245
+ }
246
+ ]
247
+ },
248
+ {
249
+ "event": "PAYMENT_CONFIRMED",
250
+ "payloadSchema": [
251
+ {
252
+ "name": "result",
253
+ "type": "object"
254
+ }
255
+ ]
232
256
  }
233
257
  ],
234
258
  "listens": [
@@ -269,6 +293,26 @@
269
293
  "key": "CREATE_PAYMENT",
270
294
  "name": "Create Payment"
271
295
  },
296
+ {
297
+ "key": "ServiceStripeLoaded",
298
+ "name": "ServiceStripe loaded",
299
+ "payloadSchema": [
300
+ {
301
+ "name": "id",
302
+ "type": "string"
303
+ }
304
+ ]
305
+ },
306
+ {
307
+ "key": "ServiceStripeLoadFailed",
308
+ "name": "ServiceStripe load failed",
309
+ "payloadSchema": [
310
+ {
311
+ "name": "message",
312
+ "type": "string"
313
+ }
314
+ ]
315
+ },
272
316
  {
273
317
  "key": "PAYMENT_CREATED",
274
318
  "name": "Payment Created",
@@ -298,76 +342,17 @@
298
342
  },
299
343
  {
300
344
  "key": "PAYMENT_CONFIRMED",
301
- "name": "Payment Confirmed"
302
- },
303
- {
304
- "key": "RESET",
305
- "name": "Reset"
306
- },
307
- {
308
- "key": "RETRY",
309
- "name": "Retry"
310
- },
311
- {
312
- "key": "ServiceStripeLoaded",
313
- "name": "ServiceStripe loaded",
345
+ "name": "Payment Confirmed",
314
346
  "payloadSchema": [
315
347
  {
316
- "name": "id",
317
- "type": "string",
318
- "required": true
319
- },
320
- {
321
- "name": "amount",
322
- "type": "number"
323
- },
324
- {
325
- "name": "currency",
326
- "type": "string"
327
- },
328
- {
329
- "name": "paymentIntentId",
330
- "type": "string"
331
- },
332
- {
333
- "name": "clientSecret",
334
- "type": "string"
335
- },
336
- {
337
- "name": "paymentStatus",
338
- "type": "string"
339
- },
340
- {
341
- "name": "error",
342
- "type": "string"
343
- },
344
- {
345
- "name": "name",
346
- "type": "string"
347
- },
348
- {
349
- "name": "description",
350
- "type": "string"
351
- },
352
- {
353
- "name": "status",
354
- "type": "string"
355
- },
356
- {
357
- "name": "createdAt",
358
- "type": "string"
348
+ "name": "result",
349
+ "type": "object"
359
350
  }
360
351
  ]
361
352
  },
362
353
  {
363
- "key": "ServiceStripeLoadFailed",
364
- "name": "ServiceStripe load failed",
365
- "payloadSchema": [
366
- {
367
- "name": "message",
368
- "type": "string"
369
- }
370
- ]
354
+ "key": "RESET",
355
+ "name": "Reset"
371
356
  },
372
357
  {
373
358
  "key": "ServiceStripeStripeCompleted",
@@ -392,6 +377,10 @@
392
377
  "type": "string"
393
378
  }
394
379
  ]
380
+ },
381
+ {
382
+ "key": "RETRY",
383
+ "name": "Retry"
395
384
  }
396
385
  ],
397
386
  "transitions": [
@@ -415,8 +404,8 @@
415
404
  "ServiceStripe",
416
405
  {
417
406
  "emit": {
418
- "success": "ServiceStripeLoaded",
419
- "failure": "ServiceStripeLoadFailed"
407
+ "failure": "ServiceStripeLoadFailed",
408
+ "success": "ServiceStripeLoaded"
420
409
  }
421
410
  }
422
411
  ],
@@ -424,12 +413,12 @@
424
413
  "render-ui",
425
414
  "main",
426
415
  {
416
+ "gap": "md",
417
+ "type": "stack",
418
+ "direction": "vertical",
427
419
  "children": [
428
420
  "@config.uiTrait"
429
- ],
430
- "direction": "vertical",
431
- "gap": "md",
432
- "type": "stack"
421
+ ]
433
422
  }
434
423
  ]
435
424
  ]
@@ -443,9 +432,9 @@
443
432
  "render-ui",
444
433
  "main",
445
434
  {
446
- "message": "Setting up your payment intent.",
435
+ "type": "loading-state",
447
436
  "title": "Creating payment...",
448
- "type": "loading-state"
437
+ "message": "Setting up your payment intent."
449
438
  }
450
439
  ],
451
440
  [
@@ -453,19 +442,29 @@
453
442
  "stripe",
454
443
  "createPaymentIntent",
455
444
  {
456
- "amount": "@entity.amount",
457
445
  "currency": "@entity.currency",
446
+ "amount": "@entity.amount",
458
447
  "metadata": "@config.metadata"
459
448
  },
460
449
  {
461
450
  "emit": {
462
- "success": "ServiceStripeStripeCompleted",
451
+ "success": "PAYMENT_CREATED",
463
452
  "failure": "ServiceStripeStripeFailed"
464
453
  }
465
454
  }
466
455
  ]
467
456
  ]
468
457
  },
458
+ {
459
+ "from": "idle",
460
+ "to": "idle",
461
+ "event": "ServiceStripeLoaded"
462
+ },
463
+ {
464
+ "from": "idle",
465
+ "to": "idle",
466
+ "event": "ServiceStripeLoadFailed"
467
+ },
469
468
  {
470
469
  "from": "creating",
471
470
  "to": "confirming",
@@ -486,8 +485,8 @@
486
485
  "main",
487
486
  {
488
487
  "type": "loading-state",
489
- "message": "Processing your payment.",
490
- "title": "Confirming payment..."
488
+ "title": "Confirming payment...",
489
+ "message": "Processing your payment."
491
490
  }
492
491
  ],
493
492
  [
@@ -500,7 +499,7 @@
500
499
  {
501
500
  "emit": {
502
501
  "failure": "ServiceStripeStripeFailed",
503
- "success": "ServiceStripeStripeCompleted"
502
+ "success": "PAYMENT_CONFIRMED"
504
503
  }
505
504
  }
506
505
  ]
@@ -520,9 +519,9 @@
520
519
  "render-ui",
521
520
  "main",
522
521
  {
523
- "onRetry": "RETRY",
524
522
  "message": "@entity.error",
525
523
  "type": "error-state",
524
+ "onRetry": "RETRY",
526
525
  "title": "Payment Failed"
527
526
  }
528
527
  ]
@@ -538,38 +537,45 @@
538
537
  "@entity.paymentStatus",
539
538
  "succeeded"
540
539
  ],
540
+ [
541
+ "emit",
542
+ "ServiceStripeStripeCompleted",
543
+ {
544
+ "result": "@payload"
545
+ }
546
+ ],
541
547
  [
542
548
  "render-ui",
543
549
  "main",
544
550
  {
551
+ "gap": "lg",
552
+ "align": "center",
545
553
  "children": [
546
554
  {
547
- "type": "icon",
548
- "name": "check-circle"
555
+ "name": "check-circle",
556
+ "type": "icon"
549
557
  },
550
558
  {
559
+ "variant": "success",
551
560
  "type": "alert",
552
- "message": "Payment successful!",
553
- "variant": "success"
561
+ "message": "Payment successful!"
554
562
  },
555
563
  {
556
- "color": "muted",
564
+ "variant": "body",
557
565
  "content": "@entity.paymentIntentId",
558
566
  "type": "typography",
559
- "variant": "body"
567
+ "color": "muted"
560
568
  },
561
569
  {
562
570
  "icon": "rotate-ccw",
571
+ "label": "New Payment",
563
572
  "type": "button",
564
573
  "action": "RESET",
565
- "variant": "ghost",
566
- "label": "New Payment"
574
+ "variant": "ghost"
567
575
  }
568
576
  ],
569
- "type": "stack",
570
- "gap": "lg",
571
- "align": "center",
572
- "direction": "vertical"
577
+ "direction": "vertical",
578
+ "type": "stack"
573
579
  }
574
580
  ]
575
581
  ]
@@ -588,10 +594,10 @@
588
594
  "render-ui",
589
595
  "main",
590
596
  {
591
- "message": "@entity.error",
592
- "type": "error-state",
597
+ "title": "Payment Failed",
593
598
  "onRetry": "RETRY",
594
- "title": "Payment Failed"
599
+ "message": "@entity.error",
600
+ "type": "error-state"
595
601
  }
596
602
  ]
597
603
  ]
@@ -605,13 +611,11 @@
605
611
  "render-ui",
606
612
  "main",
607
613
  {
608
- "direction": "vertical",
609
614
  "type": "stack",
610
- "gap": "lg",
611
- "align": "center",
615
+ "direction": "vertical",
612
616
  "children": [
613
617
  {
614
- "align": "center",
618
+ "type": "stack",
615
619
  "children": [
616
620
  {
617
621
  "type": "icon",
@@ -619,18 +623,19 @@
619
623
  },
620
624
  {
621
625
  "type": "typography",
622
- "content": "Payment",
623
- "variant": "h2"
626
+ "variant": "h2",
627
+ "content": "Payment"
624
628
  }
625
629
  ],
626
- "type": "stack",
630
+ "direction": "horizontal",
627
631
  "gap": "md",
628
- "direction": "horizontal"
632
+ "align": "center"
629
633
  },
630
634
  {
631
635
  "type": "divider"
632
636
  },
633
637
  {
638
+ "gap": "md",
634
639
  "type": "stack",
635
640
  "children": [
636
641
  {
@@ -639,38 +644,49 @@
639
644
  "placeholder": "0.00"
640
645
  },
641
646
  {
642
- "type": "select",
643
647
  "options": [
644
648
  {
645
- "label": "USD",
646
- "value": "usd"
649
+ "value": "usd",
650
+ "label": "USD"
647
651
  },
648
652
  {
649
653
  "label": "EUR",
650
654
  "value": "eur"
651
655
  },
652
656
  {
653
- "label": "GBP",
654
- "value": "gbp"
657
+ "value": "gbp",
658
+ "label": "GBP"
655
659
  }
656
- ]
660
+ ],
661
+ "type": "select"
657
662
  }
658
663
  ],
659
- "gap": "md",
660
664
  "direction": "vertical"
661
665
  },
662
666
  {
663
- "type": "button",
667
+ "label": "Pay",
664
668
  "variant": "primary",
669
+ "type": "button",
665
670
  "icon": "credit-card",
666
- "label": "Pay",
667
671
  "action": "CREATE_PAYMENT"
668
672
  }
669
- ]
673
+ ],
674
+ "gap": "lg",
675
+ "align": "center"
670
676
  }
671
677
  ]
672
678
  ]
673
679
  },
680
+ {
681
+ "from": "succeeded",
682
+ "to": "succeeded",
683
+ "event": "ServiceStripeStripeCompleted"
684
+ },
685
+ {
686
+ "from": "error",
687
+ "to": "error",
688
+ "event": "ServiceStripeStripeFailed"
689
+ },
674
690
  {
675
691
  "from": "error",
676
692
  "to": "idle",
@@ -681,16 +697,15 @@
681
697
  "main",
682
698
  {
683
699
  "type": "stack",
684
- "direction": "vertical",
685
- "gap": "lg",
686
- "align": "center",
687
700
  "children": [
688
701
  {
702
+ "type": "stack",
703
+ "gap": "md",
689
704
  "direction": "horizontal",
690
705
  "children": [
691
706
  {
692
- "type": "icon",
693
- "name": "credit-card"
707
+ "name": "credit-card",
708
+ "type": "icon"
694
709
  },
695
710
  {
696
711
  "content": "Payment",
@@ -698,8 +713,6 @@
698
713
  "type": "typography"
699
714
  }
700
715
  ],
701
- "type": "stack",
702
- "gap": "md",
703
716
  "align": "center"
704
717
  },
705
718
  {
@@ -710,24 +723,24 @@
710
723
  "gap": "md",
711
724
  "children": [
712
725
  {
713
- "type": "input",
714
726
  "inputType": "number",
727
+ "type": "input",
715
728
  "placeholder": "0.00"
716
729
  },
717
730
  {
718
731
  "type": "select",
719
732
  "options": [
720
733
  {
721
- "label": "USD",
722
- "value": "usd"
734
+ "value": "usd",
735
+ "label": "USD"
723
736
  },
724
737
  {
725
738
  "value": "eur",
726
739
  "label": "EUR"
727
740
  },
728
741
  {
729
- "label": "GBP",
730
- "value": "gbp"
742
+ "value": "gbp",
743
+ "label": "GBP"
731
744
  }
732
745
  ]
733
746
  }
@@ -735,13 +748,16 @@
735
748
  "type": "stack"
736
749
  },
737
750
  {
738
- "icon": "credit-card",
739
- "action": "CREATE_PAYMENT",
740
751
  "type": "button",
752
+ "label": "Pay",
753
+ "action": "CREATE_PAYMENT",
741
754
  "variant": "primary",
742
- "label": "Pay"
755
+ "icon": "credit-card"
743
756
  }
744
- ]
757
+ ],
758
+ "gap": "lg",
759
+ "align": "center",
760
+ "direction": "vertical"
745
761
  }
746
762
  ]
747
763
  ]
@@ -755,35 +771,30 @@
755
771
  "render-ui",
756
772
  "main",
757
773
  {
758
- "align": "center",
759
- "type": "stack",
760
- "gap": "lg",
761
774
  "direction": "vertical",
775
+ "align": "center",
762
776
  "children": [
763
777
  {
764
778
  "type": "stack",
765
779
  "gap": "md",
780
+ "direction": "horizontal",
781
+ "align": "center",
766
782
  "children": [
767
783
  {
768
784
  "type": "icon",
769
785
  "name": "credit-card"
770
786
  },
771
787
  {
772
- "content": "Payment",
773
788
  "type": "typography",
774
- "variant": "h2"
789
+ "variant": "h2",
790
+ "content": "Payment"
775
791
  }
776
- ],
777
- "direction": "horizontal",
778
- "align": "center"
792
+ ]
779
793
  },
780
794
  {
781
795
  "type": "divider"
782
796
  },
783
797
  {
784
- "direction": "vertical",
785
- "gap": "md",
786
- "type": "stack",
787
798
  "children": [
788
799
  {
789
800
  "type": "input",
@@ -794,8 +805,8 @@
794
805
  "type": "select",
795
806
  "options": [
796
807
  {
797
- "label": "USD",
798
- "value": "usd"
808
+ "value": "usd",
809
+ "label": "USD"
799
810
  },
800
811
  {
801
812
  "label": "EUR",
@@ -807,16 +818,21 @@
807
818
  }
808
819
  ]
809
820
  }
810
- ]
821
+ ],
822
+ "direction": "vertical",
823
+ "gap": "md",
824
+ "type": "stack"
811
825
  },
812
826
  {
813
- "action": "CREATE_PAYMENT",
814
- "icon": "credit-card",
815
827
  "type": "button",
828
+ "variant": "primary",
816
829
  "label": "Pay",
817
- "variant": "primary"
830
+ "icon": "credit-card",
831
+ "action": "CREATE_PAYMENT"
818
832
  }
819
- ]
833
+ ],
834
+ "gap": "lg",
835
+ "type": "stack"
820
836
  }
821
837
  ]
822
838
  ]
@@ -824,21 +840,21 @@
824
840
  ]
825
841
  },
826
842
  "config": {
827
- "currency": {
828
- "type": "string",
829
- "default": "usd"
830
- },
831
843
  "uiTrait": {
832
844
  "type": "trait",
833
845
  "default": "@trait.ServiceStripeDefaultForm"
834
846
  },
835
- "metadata": {
836
- "type": "object",
837
- "default": {}
847
+ "currency": {
848
+ "type": "string",
849
+ "default": "usd"
838
850
  },
839
851
  "amount": {
840
852
  "type": "number",
841
853
  "default": 0.0
854
+ },
855
+ "metadata": {
856
+ "type": "object",
857
+ "default": {}
842
858
  }
843
859
  },
844
860
  "scope": "instance"