@almadar/std 14.4.0 → 14.5.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 (27) hide show
  1. package/behaviors/registry/app/organisms/std-ecommerce.orb +2583 -3921
  2. package/behaviors/registry/core/atoms/std-browse.orb +180 -45
  3. package/behaviors/registry/core/molecules/std-app-layout.orb +21 -16
  4. package/behaviors/registry/service/atoms/std-service-custom-bearer.orb +87 -133
  5. package/behaviors/registry/service/atoms/std-service-email.orb +101 -147
  6. package/behaviors/registry/service/atoms/std-service-github.orb +92 -143
  7. package/behaviors/registry/service/atoms/std-service-llm.orb +118 -157
  8. package/behaviors/registry/service/atoms/std-service-oauth.orb +128 -171
  9. package/behaviors/registry/service/atoms/std-service-redis.orb +92 -134
  10. package/behaviors/registry/service/atoms/std-service-storage.orb +120 -166
  11. package/behaviors/registry/service/atoms/std-service-stripe.orb +235 -193
  12. package/behaviors/registry/service/atoms/std-service-twilio.orb +127 -169
  13. package/behaviors/registry/service/atoms/std-service-youtube.orb +108 -151
  14. package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +2583 -3921
  15. package/dist/behaviors/registry/core/atoms/std-browse.orb +180 -45
  16. package/dist/behaviors/registry/core/molecules/std-app-layout.orb +21 -16
  17. package/dist/behaviors/registry/service/atoms/std-service-custom-bearer.orb +87 -133
  18. package/dist/behaviors/registry/service/atoms/std-service-email.orb +101 -147
  19. package/dist/behaviors/registry/service/atoms/std-service-github.orb +92 -143
  20. package/dist/behaviors/registry/service/atoms/std-service-llm.orb +118 -157
  21. package/dist/behaviors/registry/service/atoms/std-service-oauth.orb +128 -171
  22. package/dist/behaviors/registry/service/atoms/std-service-redis.orb +92 -134
  23. package/dist/behaviors/registry/service/atoms/std-service-storage.orb +120 -166
  24. package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +235 -193
  25. package/dist/behaviors/registry/service/atoms/std-service-twilio.orb +127 -169
  26. package/dist/behaviors/registry/service/atoms/std-service-youtube.orb +108 -151
  27. package/package.json +1 -1
package/behaviors/registry/service/atoms/std-service-stripe.orb CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "std-service-stripe",
3
- "version": "1.0.0",
4
- "description": "std-service-stripe as a Function",
3
+ "version": "2.0.0",
4
+ "description": "std-service-stripe — Stripe payment service. Bind via `uses Stripe from \"std/behaviors/std-service-stripe\"` and configure `amount` / `currency` / `metadata` at the call site. Pass `uiTrait: \"@trait.YourPaymentForm\"` to inject your own Stripe Elements card form; leave unset to render the atom's default test form (standalone surface).",
5
5
  "orbitals": [
6
6
  {
7
7
  "name": "ServiceStripeOrbital",
@@ -69,6 +69,118 @@
69
69
  ]
70
70
  },
71
71
  "traits": [
72
+ {
73
+ "name": "ServiceStripeDefaultForm",
74
+ "category": "interaction",
75
+ "emits": [
76
+ {
77
+ "event": "CREATE_PAYMENT",
78
+ "scope": "external",
79
+ "payloadSchema": [
80
+ {
81
+ "name": "source",
82
+ "type": "string"
83
+ }
84
+ ]
85
+ }
86
+ ],
87
+ "stateMachine": {
88
+ "states": [
89
+ {
90
+ "name": "ready",
91
+ "isInitial": true
92
+ }
93
+ ],
94
+ "events": [
95
+ {
96
+ "key": "INIT",
97
+ "name": "Initialize"
98
+ },
99
+ {
100
+ "key": "CREATE_PAYMENT",
101
+ "name": "Create Payment"
102
+ }
103
+ ],
104
+ "transitions": [
105
+ {
106
+ "from": "ready",
107
+ "to": "ready",
108
+ "event": "INIT",
109
+ "effects": [
110
+ [
111
+ "render-ui",
112
+ "main",
113
+ {
114
+ "direction": "vertical",
115
+ "type": "stack",
116
+ "align": "center",
117
+ "children": [
118
+ {
119
+ "children": [
120
+ {
121
+ "name": "credit-card",
122
+ "type": "icon"
123
+ },
124
+ {
125
+ "type": "typography",
126
+ "variant": "h2",
127
+ "content": "Payment"
128
+ }
129
+ ],
130
+ "direction": "horizontal",
131
+ "type": "stack",
132
+ "gap": "md",
133
+ "align": "center"
134
+ },
135
+ {
136
+ "type": "divider"
137
+ },
138
+ {
139
+ "type": "stack",
140
+ "children": [
141
+ {
142
+ "type": "input",
143
+ "inputType": "number",
144
+ "placeholder": "0.00"
145
+ },
146
+ {
147
+ "type": "select",
148
+ "options": [
149
+ {
150
+ "label": "USD",
151
+ "value": "usd"
152
+ },
153
+ {
154
+ "value": "eur",
155
+ "label": "EUR"
156
+ },
157
+ {
158
+ "label": "GBP",
159
+ "value": "gbp"
160
+ }
161
+ ]
162
+ }
163
+ ],
164
+ "gap": "md",
165
+ "direction": "vertical"
166
+ },
167
+ {
168
+ "label": "Pay",
169
+ "variant": "primary",
170
+ "action": "CREATE_PAYMENT",
171
+ "type": "button",
172
+ "icon": "credit-card"
173
+ }
174
+ ],
175
+ "gap": "lg"
176
+ }
177
+ ]
178
+ ]
179
+ }
180
+ ]
181
+ },
182
+ "scope": "instance"
183
+ },
72
184
  {
73
185
  "name": "ServiceStripeStripe",
74
186
  "category": "interaction",
@@ -76,60 +188,17 @@
76
188
  "emits": [
77
189
  {
78
190
  "event": "ServiceStripeLoaded",
79
- "description": "Fired when ServiceStripe finishes loading",
80
- "scope": "internal",
191
+ "scope": "external",
81
192
  "payloadSchema": [
82
193
  {
83
194
  "name": "id",
84
- "type": "string",
85
- "required": true
86
- },
87
- {
88
- "name": "amount",
89
- "type": "number"
90
- },
91
- {
92
- "name": "currency",
93
- "type": "string"
94
- },
95
- {
96
- "name": "paymentIntentId",
97
- "type": "string"
98
- },
99
- {
100
- "name": "clientSecret",
101
- "type": "string"
102
- },
103
- {
104
- "name": "paymentStatus",
105
- "type": "string"
106
- },
107
- {
108
- "name": "error",
109
- "type": "string"
110
- },
111
- {
112
- "name": "name",
113
- "type": "string"
114
- },
115
- {
116
- "name": "description",
117
- "type": "string"
118
- },
119
- {
120
- "name": "status",
121
- "type": "string"
122
- },
123
- {
124
- "name": "createdAt",
125
195
  "type": "string"
126
196
  }
127
197
  ]
128
198
  },
129
199
  {
130
200
  "event": "ServiceStripeLoadFailed",
131
- "description": "Fired when ServiceStripe fails to load",
132
- "scope": "internal",
201
+ "scope": "external",
133
202
  "payloadSchema": [
134
203
  {
135
204
  "name": "message",
@@ -139,7 +208,7 @@
139
208
  },
140
209
  {
141
210
  "event": "ServiceStripeStripeCompleted",
142
- "scope": "internal",
211
+ "scope": "external",
143
212
  "payloadSchema": [
144
213
  {
145
214
  "name": "result",
@@ -149,7 +218,7 @@
149
218
  },
150
219
  {
151
220
  "event": "ServiceStripeStripeFailed",
152
- "scope": "internal",
221
+ "scope": "external",
153
222
  "payloadSchema": [
154
223
  {
155
224
  "name": "error",
@@ -162,6 +231,16 @@
162
231
  ]
163
232
  }
164
233
  ],
234
+ "listens": [
235
+ {
236
+ "event": "CREATE_PAYMENT",
237
+ "triggers": "CREATE_PAYMENT",
238
+ "source": {
239
+ "kind": "trait",
240
+ "trait": "ServiceStripeDefaultForm"
241
+ }
242
+ }
243
+ ],
165
244
  "stateMachine": {
166
245
  "states": [
167
246
  {
@@ -324,20 +403,20 @@
324
403
  [
325
404
  "set",
326
405
  "@entity.amount",
327
- 0.0
406
+ "@config.amount"
328
407
  ],
329
408
  [
330
409
  "set",
331
410
  "@entity.currency",
332
- "usd"
411
+ "@config.currency"
333
412
  ],
334
413
  [
335
414
  "fetch",
336
415
  "ServiceStripe",
337
416
  {
338
417
  "emit": {
339
- "failure": "ServiceStripeLoadFailed",
340
- "success": "ServiceStripeLoaded"
418
+ "success": "ServiceStripeLoaded",
419
+ "failure": "ServiceStripeLoadFailed"
341
420
  }
342
421
  }
343
422
  ],
@@ -345,68 +424,12 @@
345
424
  "render-ui",
346
425
  "main",
347
426
  {
348
- "direction": "vertical",
349
427
  "children": [
350
- {
351
- "children": [
352
- {
353
- "type": "icon",
354
- "name": "credit-card"
355
- },
356
- {
357
- "variant": "h2",
358
- "type": "typography",
359
- "content": "Payment"
360
- }
361
- ],
362
- "direction": "horizontal",
363
- "gap": "md",
364
- "align": "center",
365
- "type": "stack"
366
- },
367
- {
368
- "type": "divider"
369
- },
370
- {
371
- "type": "stack",
372
- "gap": "md",
373
- "children": [
374
- {
375
- "type": "input",
376
- "inputType": "number",
377
- "placeholder": "0.00"
378
- },
379
- {
380
- "options": [
381
- {
382
- "value": "usd",
383
- "label": "USD"
384
- },
385
- {
386
- "label": "EUR",
387
- "value": "eur"
388
- },
389
- {
390
- "label": "GBP",
391
- "value": "gbp"
392
- }
393
- ],
394
- "type": "select"
395
- }
396
- ],
397
- "direction": "vertical"
398
- },
399
- {
400
- "label": "Pay",
401
- "variant": "primary",
402
- "action": "CREATE_PAYMENT",
403
- "icon": "credit-card",
404
- "type": "button"
405
- }
428
+ "@config.uiTrait"
406
429
  ],
407
- "type": "stack",
408
- "align": "center",
409
- "gap": "lg"
430
+ "direction": "vertical",
431
+ "gap": "md",
432
+ "type": "stack"
410
433
  }
411
434
  ]
412
435
  ]
@@ -420,8 +443,8 @@
420
443
  "render-ui",
421
444
  "main",
422
445
  {
423
- "title": "Creating payment...",
424
446
  "message": "Setting up your payment intent.",
447
+ "title": "Creating payment...",
425
448
  "type": "loading-state"
426
449
  }
427
450
  ],
@@ -431,7 +454,8 @@
431
454
  "createPaymentIntent",
432
455
  {
433
456
  "amount": "@entity.amount",
434
- "currency": "@entity.currency"
457
+ "currency": "@entity.currency",
458
+ "metadata": "@config.metadata"
435
459
  },
436
460
  {
437
461
  "emit": {
@@ -461,9 +485,9 @@
461
485
  "render-ui",
462
486
  "main",
463
487
  {
464
- "title": "Confirming payment...",
465
488
  "type": "loading-state",
466
- "message": "Processing your payment."
489
+ "message": "Processing your payment.",
490
+ "title": "Confirming payment..."
467
491
  }
468
492
  ],
469
493
  [
@@ -475,8 +499,8 @@
475
499
  },
476
500
  {
477
501
  "emit": {
478
- "success": "ServiceStripeStripeCompleted",
479
- "failure": "ServiceStripeStripeFailed"
502
+ "failure": "ServiceStripeStripeFailed",
503
+ "success": "ServiceStripeStripeCompleted"
480
504
  }
481
505
  }
482
506
  ]
@@ -496,10 +520,10 @@
496
520
  "render-ui",
497
521
  "main",
498
522
  {
499
- "message": "@entity.error",
500
523
  "onRetry": "RETRY",
501
- "title": "Payment Failed",
502
- "type": "error-state"
524
+ "message": "@entity.error",
525
+ "type": "error-state",
526
+ "title": "Payment Failed"
503
527
  }
504
528
  ]
505
529
  ]
@@ -518,34 +542,34 @@
518
542
  "render-ui",
519
543
  "main",
520
544
  {
521
- "direction": "vertical",
522
- "gap": "lg",
523
- "align": "center",
524
545
  "children": [
525
546
  {
526
- "name": "check-circle",
527
- "type": "icon"
547
+ "type": "icon",
548
+ "name": "check-circle"
528
549
  },
529
550
  {
551
+ "type": "alert",
530
552
  "message": "Payment successful!",
531
- "variant": "success",
532
- "type": "alert"
553
+ "variant": "success"
533
554
  },
534
555
  {
535
- "type": "typography",
536
- "content": "@entity.paymentIntentId",
537
556
  "color": "muted",
557
+ "content": "@entity.paymentIntentId",
558
+ "type": "typography",
538
559
  "variant": "body"
539
560
  },
540
561
  {
541
- "action": "RESET",
542
- "label": "New Payment",
543
- "type": "button",
544
562
  "icon": "rotate-ccw",
545
- "variant": "ghost"
563
+ "type": "button",
564
+ "action": "RESET",
565
+ "variant": "ghost",
566
+ "label": "New Payment"
546
567
  }
547
568
  ],
548
- "type": "stack"
569
+ "type": "stack",
570
+ "gap": "lg",
571
+ "align": "center",
572
+ "direction": "vertical"
549
573
  }
550
574
  ]
551
575
  ]
@@ -564,10 +588,10 @@
564
588
  "render-ui",
565
589
  "main",
566
590
  {
567
- "title": "Payment Failed",
568
591
  "message": "@entity.error",
592
+ "type": "error-state",
569
593
  "onRetry": "RETRY",
570
- "type": "error-state"
594
+ "title": "Payment Failed"
571
595
  }
572
596
  ]
573
597
  ]
@@ -581,9 +605,12 @@
581
605
  "render-ui",
582
606
  "main",
583
607
  {
608
+ "direction": "vertical",
609
+ "type": "stack",
610
+ "gap": "lg",
611
+ "align": "center",
584
612
  "children": [
585
613
  {
586
- "type": "stack",
587
614
  "align": "center",
588
615
  "children": [
589
616
  {
@@ -591,58 +618,55 @@
591
618
  "name": "credit-card"
592
619
  },
593
620
  {
594
- "content": "Payment",
595
621
  "type": "typography",
622
+ "content": "Payment",
596
623
  "variant": "h2"
597
624
  }
598
625
  ],
599
- "direction": "horizontal",
600
- "gap": "md"
626
+ "type": "stack",
627
+ "gap": "md",
628
+ "direction": "horizontal"
601
629
  },
602
630
  {
603
631
  "type": "divider"
604
632
  },
605
633
  {
606
- "direction": "vertical",
634
+ "type": "stack",
607
635
  "children": [
608
636
  {
609
- "type": "input",
610
637
  "inputType": "number",
638
+ "type": "input",
611
639
  "placeholder": "0.00"
612
640
  },
613
641
  {
642
+ "type": "select",
614
643
  "options": [
615
644
  {
616
- "value": "usd",
617
- "label": "USD"
645
+ "label": "USD",
646
+ "value": "usd"
618
647
  },
619
648
  {
620
649
  "label": "EUR",
621
650
  "value": "eur"
622
651
  },
623
652
  {
624
- "value": "gbp",
625
- "label": "GBP"
653
+ "label": "GBP",
654
+ "value": "gbp"
626
655
  }
627
- ],
628
- "type": "select"
656
+ ]
629
657
  }
630
658
  ],
631
- "type": "stack",
632
- "gap": "md"
659
+ "gap": "md",
660
+ "direction": "vertical"
633
661
  },
634
662
  {
635
- "icon": "credit-card",
663
+ "type": "button",
636
664
  "variant": "primary",
665
+ "icon": "credit-card",
637
666
  "label": "Pay",
638
- "action": "CREATE_PAYMENT",
639
- "type": "button"
667
+ "action": "CREATE_PAYMENT"
640
668
  }
641
- ],
642
- "direction": "vertical",
643
- "gap": "lg",
644
- "type": "stack",
645
- "align": "center"
669
+ ]
646
670
  }
647
671
  ]
648
672
  ]
@@ -656,32 +680,34 @@
656
680
  "render-ui",
657
681
  "main",
658
682
  {
659
- "direction": "vertical",
660
683
  "type": "stack",
684
+ "direction": "vertical",
661
685
  "gap": "lg",
686
+ "align": "center",
662
687
  "children": [
663
688
  {
664
689
  "direction": "horizontal",
665
- "gap": "md",
666
- "align": "center",
667
690
  "children": [
668
691
  {
669
692
  "type": "icon",
670
693
  "name": "credit-card"
671
694
  },
672
695
  {
696
+ "content": "Payment",
673
697
  "variant": "h2",
674
- "type": "typography",
675
- "content": "Payment"
698
+ "type": "typography"
676
699
  }
677
700
  ],
678
- "type": "stack"
701
+ "type": "stack",
702
+ "gap": "md",
703
+ "align": "center"
679
704
  },
680
705
  {
681
706
  "type": "divider"
682
707
  },
683
708
  {
684
- "type": "stack",
709
+ "direction": "vertical",
710
+ "gap": "md",
685
711
  "children": [
686
712
  {
687
713
  "type": "input",
@@ -696,8 +722,8 @@
696
722
  "value": "usd"
697
723
  },
698
724
  {
699
- "label": "EUR",
700
- "value": "eur"
725
+ "value": "eur",
726
+ "label": "EUR"
701
727
  },
702
728
  {
703
729
  "label": "GBP",
@@ -706,18 +732,16 @@
706
732
  ]
707
733
  }
708
734
  ],
709
- "direction": "vertical",
710
- "gap": "md"
735
+ "type": "stack"
711
736
  },
712
737
  {
713
738
  "icon": "credit-card",
714
- "type": "button",
715
- "label": "Pay",
716
739
  "action": "CREATE_PAYMENT",
717
- "variant": "primary"
740
+ "type": "button",
741
+ "variant": "primary",
742
+ "label": "Pay"
718
743
  }
719
- ],
720
- "align": "center"
744
+ ]
721
745
  }
722
746
  ]
723
747
  ]
@@ -731,9 +755,13 @@
731
755
  "render-ui",
732
756
  "main",
733
757
  {
758
+ "align": "center",
759
+ "type": "stack",
760
+ "gap": "lg",
734
761
  "direction": "vertical",
735
762
  "children": [
736
763
  {
764
+ "type": "stack",
737
765
  "gap": "md",
738
766
  "children": [
739
767
  {
@@ -741,26 +769,26 @@
741
769
  "name": "credit-card"
742
770
  },
743
771
  {
772
+ "content": "Payment",
744
773
  "type": "typography",
745
- "variant": "h2",
746
- "content": "Payment"
774
+ "variant": "h2"
747
775
  }
748
776
  ],
749
777
  "direction": "horizontal",
750
- "type": "stack",
751
778
  "align": "center"
752
779
  },
753
780
  {
754
781
  "type": "divider"
755
782
  },
756
783
  {
757
- "gap": "md",
758
784
  "direction": "vertical",
785
+ "gap": "md",
786
+ "type": "stack",
759
787
  "children": [
760
788
  {
761
- "placeholder": "0.00",
789
+ "type": "input",
762
790
  "inputType": "number",
763
- "type": "input"
791
+ "placeholder": "0.00"
764
792
  },
765
793
  {
766
794
  "type": "select",
@@ -770,8 +798,8 @@
770
798
  "value": "usd"
771
799
  },
772
800
  {
773
- "value": "eur",
774
- "label": "EUR"
801
+ "label": "EUR",
802
+ "value": "eur"
775
803
  },
776
804
  {
777
805
  "label": "GBP",
@@ -779,26 +807,40 @@
779
807
  }
780
808
  ]
781
809
  }
782
- ],
783
- "type": "stack"
810
+ ]
784
811
  },
785
812
  {
786
- "type": "button",
787
813
  "action": "CREATE_PAYMENT",
788
- "variant": "primary",
814
+ "icon": "credit-card",
815
+ "type": "button",
789
816
  "label": "Pay",
790
- "icon": "credit-card"
817
+ "variant": "primary"
791
818
  }
792
- ],
793
- "type": "stack",
794
- "gap": "lg",
795
- "align": "center"
819
+ ]
796
820
  }
797
821
  ]
798
822
  ]
799
823
  }
800
824
  ]
801
825
  },
826
+ "config": {
827
+ "currency": {
828
+ "type": "string",
829
+ "default": "usd"
830
+ },
831
+ "uiTrait": {
832
+ "type": "trait",
833
+ "default": "@trait.ServiceStripeDefaultForm"
834
+ },
835
+ "metadata": {
836
+ "type": "object",
837
+ "default": {}
838
+ },
839
+ "amount": {
840
+ "type": "number",
841
+ "default": 0.0
842
+ }
843
+ },
802
844
  "scope": "instance"
803
845
  }
804
846
  ],