@almadar/std 8.3.0 → 8.4.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.
- package/behaviors/registry/agent/atoms/std-agent-activity-log.orb +62 -62
- package/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +101 -101
- package/behaviors/registry/agent/atoms/std-agent-classifier.orb +100 -100
- package/behaviors/registry/agent/atoms/std-agent-completion.orb +103 -103
- package/behaviors/registry/agent/atoms/std-agent-context-window.orb +386 -386
- package/behaviors/registry/agent/atoms/std-agent-conversation.orb +94 -94
- package/behaviors/registry/agent/atoms/std-agent-memory.orb +66 -66
- package/behaviors/registry/agent/atoms/std-agent-provider.orb +114 -114
- package/behaviors/registry/agent/atoms/std-agent-search.orb +61 -61
- package/behaviors/registry/agent/atoms/std-agent-session.orb +109 -109
- package/behaviors/registry/agent/atoms/std-agent-step-progress.orb +196 -196
- package/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +347 -347
- package/behaviors/registry/agent/atoms/std-agent-tool-call.orb +61 -60
- package/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +187 -187
- package/behaviors/registry/agent/molecules/std-agent-learner.orb +180 -180
- package/behaviors/registry/agent/molecules/std-agent-planner.orb +108 -108
- package/behaviors/registry/agent/molecules/std-agent-rag.orb +107 -107
- package/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +184 -184
- package/behaviors/registry/agent/organisms/std-agent-assistant.orb +1130 -1130
- package/behaviors/registry/agent/organisms/std-agent-builder.orb +2998 -2998
- package/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2135 -2135
- package/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1033 -1033
- package/behaviors/registry/agent/organisms/std-agent-tutor.orb +784 -784
- package/behaviors/registry/app/organisms/std-api-gateway.orb +798 -798
- package/behaviors/registry/app/organisms/std-booking-system.orb +1139 -1139
- package/behaviors/registry/app/organisms/std-cicd-pipeline.orb +776 -776
- package/behaviors/registry/app/organisms/std-cms.orb +469 -469
- package/behaviors/registry/app/organisms/std-coding-academy.orb +338 -338
- package/behaviors/registry/app/organisms/std-crm.orb +832 -832
- package/behaviors/registry/app/organisms/std-devops-dashboard.orb +1350 -1350
- package/behaviors/registry/app/organisms/std-ecommerce.orb +975 -975
- package/behaviors/registry/app/organisms/std-finance-tracker.orb +573 -573
- package/behaviors/registry/app/organisms/std-healthcare.orb +1370 -1370
- package/behaviors/registry/app/organisms/std-helpdesk.orb +617 -617
- package/behaviors/registry/app/organisms/std-hr-portal.orb +1177 -1177
- package/behaviors/registry/app/organisms/std-iot-dashboard.orb +871 -871
- package/behaviors/registry/app/organisms/std-lms.orb +839 -839
- package/behaviors/registry/app/organisms/std-project-manager.orb +667 -667
- package/behaviors/registry/app/organisms/std-realtime-chat.orb +667 -667
- package/behaviors/registry/app/organisms/std-social-feed.orb +230 -230
- package/behaviors/registry/app/organisms/std-trading-dashboard.orb +682 -682
- package/behaviors/registry/core/atoms/std-browse.orb +53 -53
- package/behaviors/registry/core/atoms/std-cache-aside.orb +89 -89
- package/behaviors/registry/core/atoms/std-calendar.orb +57 -57
- package/behaviors/registry/core/atoms/std-circuit-breaker.orb +196 -196
- package/behaviors/registry/core/atoms/std-confirmation.orb +19 -19
- package/behaviors/registry/core/atoms/std-display.orb +383 -383
- package/behaviors/registry/core/atoms/std-drawer.orb +56 -56
- package/behaviors/registry/core/atoms/std-filter.orb +42 -42
- package/behaviors/registry/core/atoms/std-gallery.orb +54 -54
- package/behaviors/registry/core/atoms/std-modal.orb +12 -12
- package/behaviors/registry/core/atoms/std-pagination.orb +42 -42
- package/behaviors/registry/core/atoms/std-push.orb +42 -42
- package/behaviors/registry/core/atoms/std-rate-limiter.orb +179 -179
- package/behaviors/registry/core/atoms/std-related.orb +34 -34
- package/behaviors/registry/core/atoms/std-search.orb +68 -68
- package/behaviors/registry/core/atoms/std-selection.orb +90 -90
- package/behaviors/registry/core/atoms/std-tabs.orb +52 -52
- package/behaviors/registry/core/molecules/std-cart.orb +45 -45
- package/behaviors/registry/core/molecules/std-filtered-list.orb +7 -7
- package/behaviors/registry/core/molecules/std-form-advanced.orb +127 -127
- package/behaviors/registry/core/molecules/std-list.orb +46 -46
- package/behaviors/registry/core/molecules/std-wizard-form.orb +147 -147
- package/behaviors/registry/game/atoms/std-collision.orb +121 -121
- package/behaviors/registry/game/atoms/std-combat.orb +68 -68
- package/behaviors/registry/game/atoms/std-dialogue-box.orb +25 -25
- package/behaviors/registry/game/atoms/std-game-canvas2d.orb +48 -48
- package/behaviors/registry/game/atoms/std-gameflow.orb +37 -37
- package/behaviors/registry/game/atoms/std-movement.orb +306 -306
- package/behaviors/registry/game/atoms/std-overworld.orb +68 -68
- package/behaviors/registry/game/atoms/std-physics2d.orb +76 -76
- package/behaviors/registry/game/atoms/std-quest.orb +124 -124
- package/behaviors/registry/game/atoms/std-timer.orb +274 -274
- package/behaviors/registry/game/organisms/std-arcade-game.orb +145 -145
- package/behaviors/registry/game/organisms/std-logic-training.orb +67 -67
- package/behaviors/registry/game/organisms/std-platformer-app.orb +218 -218
- package/behaviors/registry/game/organisms/std-puzzle-app.orb +90 -90
- package/behaviors/registry/game/organisms/std-rpg-game.orb +372 -372
- package/behaviors/registry/game/organisms/std-stem-lab.orb +345 -345
- package/behaviors/registry/game/organisms/std-strategy-game.orb +540 -540
- package/behaviors/registry/probes/molecules/std-source-scope-probe.orb +14 -14
- package/behaviors/registry/service/atoms/std-service-custom-bearer.orb +86 -86
- package/behaviors/registry/service/atoms/std-service-email.orb +72 -72
- package/behaviors/registry/service/atoms/std-service-github.orb +98 -98
- package/behaviors/registry/service/atoms/std-service-llm.orb +118 -118
- package/behaviors/registry/service/atoms/std-service-oauth.orb +118 -118
- package/behaviors/registry/service/atoms/std-service-redis.orb +103 -103
- package/behaviors/registry/service/atoms/std-service-storage.orb +105 -105
- package/behaviors/registry/service/atoms/std-service-stripe.orb +95 -95
- package/behaviors/registry/service/atoms/std-service-twilio.orb +107 -107
- package/behaviors/registry/service/atoms/std-service-youtube.orb +104 -104
- package/behaviors/registry/service/organisms/std-service-marketplace.orb +966 -966
- package/behaviors/registry/service/organisms/std-service-research-assistant.orb +905 -905
- package/dist/behaviors/registry/agent/atoms/std-agent-activity-log.orb +62 -62
- package/dist/behaviors/registry/agent/atoms/std-agent-chat-thread.orb +101 -101
- package/dist/behaviors/registry/agent/atoms/std-agent-classifier.orb +100 -100
- package/dist/behaviors/registry/agent/atoms/std-agent-completion.orb +103 -103
- package/dist/behaviors/registry/agent/atoms/std-agent-context-window.orb +386 -386
- package/dist/behaviors/registry/agent/atoms/std-agent-conversation.orb +94 -94
- package/dist/behaviors/registry/agent/atoms/std-agent-memory.orb +66 -66
- package/dist/behaviors/registry/agent/atoms/std-agent-provider.orb +114 -114
- package/dist/behaviors/registry/agent/atoms/std-agent-search.orb +61 -61
- package/dist/behaviors/registry/agent/atoms/std-agent-session.orb +109 -109
- package/dist/behaviors/registry/agent/atoms/std-agent-step-progress.orb +196 -196
- package/dist/behaviors/registry/agent/atoms/std-agent-token-gauge.orb +347 -347
- package/dist/behaviors/registry/agent/atoms/std-agent-tool-call.orb +61 -60
- package/dist/behaviors/registry/agent/molecules/std-agent-fix-loop.orb +187 -187
- package/dist/behaviors/registry/agent/molecules/std-agent-learner.orb +180 -180
- package/dist/behaviors/registry/agent/molecules/std-agent-planner.orb +108 -108
- package/dist/behaviors/registry/agent/molecules/std-agent-rag.orb +107 -107
- package/dist/behaviors/registry/agent/molecules/std-agent-tool-loop.orb +184 -184
- package/dist/behaviors/registry/agent/organisms/std-agent-assistant.orb +1130 -1130
- package/dist/behaviors/registry/agent/organisms/std-agent-builder.orb +2998 -2998
- package/dist/behaviors/registry/agent/organisms/std-agent-pipeline.orb +2135 -2135
- package/dist/behaviors/registry/agent/organisms/std-agent-reviewer.orb +1033 -1033
- package/dist/behaviors/registry/agent/organisms/std-agent-tutor.orb +784 -784
- package/dist/behaviors/registry/app/organisms/std-api-gateway.orb +798 -798
- package/dist/behaviors/registry/app/organisms/std-booking-system.orb +1139 -1139
- package/dist/behaviors/registry/app/organisms/std-cicd-pipeline.orb +776 -776
- package/dist/behaviors/registry/app/organisms/std-cms.orb +469 -469
- package/dist/behaviors/registry/app/organisms/std-coding-academy.orb +338 -338
- package/dist/behaviors/registry/app/organisms/std-crm.orb +832 -832
- package/dist/behaviors/registry/app/organisms/std-devops-dashboard.orb +1350 -1350
- package/dist/behaviors/registry/app/organisms/std-ecommerce.orb +975 -975
- package/dist/behaviors/registry/app/organisms/std-finance-tracker.orb +573 -573
- package/dist/behaviors/registry/app/organisms/std-healthcare.orb +1370 -1370
- package/dist/behaviors/registry/app/organisms/std-helpdesk.orb +617 -617
- package/dist/behaviors/registry/app/organisms/std-hr-portal.orb +1177 -1177
- package/dist/behaviors/registry/app/organisms/std-iot-dashboard.orb +871 -871
- package/dist/behaviors/registry/app/organisms/std-lms.orb +839 -839
- package/dist/behaviors/registry/app/organisms/std-project-manager.orb +667 -667
- package/dist/behaviors/registry/app/organisms/std-realtime-chat.orb +667 -667
- package/dist/behaviors/registry/app/organisms/std-social-feed.orb +230 -230
- package/dist/behaviors/registry/app/organisms/std-trading-dashboard.orb +682 -682
- package/dist/behaviors/registry/core/atoms/std-browse.orb +53 -53
- package/dist/behaviors/registry/core/atoms/std-cache-aside.orb +89 -89
- package/dist/behaviors/registry/core/atoms/std-calendar.orb +57 -57
- package/dist/behaviors/registry/core/atoms/std-circuit-breaker.orb +196 -196
- package/dist/behaviors/registry/core/atoms/std-confirmation.orb +19 -19
- package/dist/behaviors/registry/core/atoms/std-display.orb +383 -383
- package/dist/behaviors/registry/core/atoms/std-drawer.orb +56 -56
- package/dist/behaviors/registry/core/atoms/std-filter.orb +42 -42
- package/dist/behaviors/registry/core/atoms/std-gallery.orb +54 -54
- package/dist/behaviors/registry/core/atoms/std-modal.orb +12 -12
- package/dist/behaviors/registry/core/atoms/std-pagination.orb +42 -42
- package/dist/behaviors/registry/core/atoms/std-push.orb +42 -42
- package/dist/behaviors/registry/core/atoms/std-rate-limiter.orb +179 -179
- package/dist/behaviors/registry/core/atoms/std-related.orb +34 -34
- package/dist/behaviors/registry/core/atoms/std-search.orb +68 -68
- package/dist/behaviors/registry/core/atoms/std-selection.orb +90 -90
- package/dist/behaviors/registry/core/atoms/std-tabs.orb +52 -52
- package/dist/behaviors/registry/core/molecules/std-cart.orb +45 -45
- package/dist/behaviors/registry/core/molecules/std-filtered-list.orb +7 -7
- package/dist/behaviors/registry/core/molecules/std-form-advanced.orb +127 -127
- package/dist/behaviors/registry/core/molecules/std-list.orb +46 -46
- package/dist/behaviors/registry/core/molecules/std-wizard-form.orb +147 -147
- package/dist/behaviors/registry/game/atoms/std-collision.orb +121 -121
- package/dist/behaviors/registry/game/atoms/std-combat.orb +68 -68
- package/dist/behaviors/registry/game/atoms/std-dialogue-box.orb +25 -25
- package/dist/behaviors/registry/game/atoms/std-game-canvas2d.orb +48 -48
- package/dist/behaviors/registry/game/atoms/std-gameflow.orb +37 -37
- package/dist/behaviors/registry/game/atoms/std-movement.orb +306 -306
- package/dist/behaviors/registry/game/atoms/std-overworld.orb +68 -68
- package/dist/behaviors/registry/game/atoms/std-physics2d.orb +76 -76
- package/dist/behaviors/registry/game/atoms/std-quest.orb +124 -124
- package/dist/behaviors/registry/game/atoms/std-timer.orb +274 -274
- package/dist/behaviors/registry/game/organisms/std-arcade-game.orb +145 -145
- package/dist/behaviors/registry/game/organisms/std-logic-training.orb +67 -67
- package/dist/behaviors/registry/game/organisms/std-platformer-app.orb +218 -218
- package/dist/behaviors/registry/game/organisms/std-puzzle-app.orb +90 -90
- package/dist/behaviors/registry/game/organisms/std-rpg-game.orb +372 -372
- package/dist/behaviors/registry/game/organisms/std-stem-lab.orb +345 -345
- package/dist/behaviors/registry/game/organisms/std-strategy-game.orb +540 -540
- package/dist/behaviors/registry/probes/molecules/std-source-scope-probe.orb +14 -14
- package/dist/behaviors/registry/service/atoms/std-service-custom-bearer.orb +86 -86
- package/dist/behaviors/registry/service/atoms/std-service-email.orb +72 -72
- package/dist/behaviors/registry/service/atoms/std-service-github.orb +98 -98
- package/dist/behaviors/registry/service/atoms/std-service-llm.orb +118 -118
- package/dist/behaviors/registry/service/atoms/std-service-oauth.orb +118 -118
- package/dist/behaviors/registry/service/atoms/std-service-redis.orb +103 -103
- package/dist/behaviors/registry/service/atoms/std-service-storage.orb +105 -105
- package/dist/behaviors/registry/service/atoms/std-service-stripe.orb +95 -95
- package/dist/behaviors/registry/service/atoms/std-service-twilio.orb +107 -107
- package/dist/behaviors/registry/service/atoms/std-service-youtube.orb +104 -104
- package/dist/behaviors/registry/service/organisms/std-service-marketplace.orb +966 -966
- package/dist/behaviors/registry/service/organisms/std-service-research-assistant.orb +905 -905
- package/package.json +1 -1
|
@@ -647,8 +647,8 @@
|
|
|
647
647
|
"Product",
|
|
648
648
|
{
|
|
649
649
|
"emit": {
|
|
650
|
-
"
|
|
651
|
-
"
|
|
650
|
+
"success": "ProductLoaded",
|
|
651
|
+
"failure": "ProductLoadFailed"
|
|
652
652
|
}
|
|
653
653
|
}
|
|
654
654
|
],
|
|
@@ -656,22 +656,22 @@
|
|
|
656
656
|
"render-ui",
|
|
657
657
|
"main",
|
|
658
658
|
{
|
|
659
|
-
"
|
|
659
|
+
"direction": "vertical",
|
|
660
660
|
"gap": "md",
|
|
661
|
-
"align": "center",
|
|
662
|
-
"className": "py-12",
|
|
663
661
|
"children": [
|
|
664
662
|
{
|
|
665
663
|
"type": "spinner"
|
|
666
664
|
},
|
|
667
665
|
{
|
|
668
|
-
"
|
|
666
|
+
"type": "typography",
|
|
669
667
|
"content": "Loading…",
|
|
670
668
|
"color": "muted",
|
|
671
|
-
"
|
|
669
|
+
"variant": "caption"
|
|
672
670
|
}
|
|
673
671
|
],
|
|
674
|
-
"
|
|
672
|
+
"className": "py-12",
|
|
673
|
+
"align": "center",
|
|
674
|
+
"type": "stack"
|
|
675
675
|
}
|
|
676
676
|
]
|
|
677
677
|
]
|
|
@@ -692,44 +692,46 @@
|
|
|
692
692
|
"icon": "package"
|
|
693
693
|
},
|
|
694
694
|
{
|
|
695
|
+
"label": "Cart",
|
|
695
696
|
"href": "/cart",
|
|
696
|
-
"icon": "shopping-cart"
|
|
697
|
-
"label": "Cart"
|
|
697
|
+
"icon": "shopping-cart"
|
|
698
698
|
},
|
|
699
699
|
{
|
|
700
|
-
"href": "/checkout",
|
|
701
700
|
"label": "Checkout",
|
|
702
|
-
"icon": "credit-card"
|
|
701
|
+
"icon": "credit-card",
|
|
702
|
+
"href": "/checkout"
|
|
703
703
|
},
|
|
704
704
|
{
|
|
705
|
-
"label": "Orders",
|
|
706
705
|
"href": "/orders",
|
|
706
|
+
"label": "Orders",
|
|
707
707
|
"icon": "clipboard-list"
|
|
708
708
|
}
|
|
709
709
|
],
|
|
710
710
|
"appName": "EcommerceApp",
|
|
711
|
+
"type": "dashboard-layout",
|
|
711
712
|
"children": [
|
|
712
713
|
{
|
|
713
|
-
"direction": "vertical",
|
|
714
|
-
"type": "stack",
|
|
715
|
-
"className": "max-w-5xl mx-auto w-full",
|
|
716
714
|
"children": [
|
|
717
715
|
{
|
|
716
|
+
"direction": "horizontal",
|
|
717
|
+
"align": "center",
|
|
718
|
+
"gap": "md",
|
|
719
|
+
"justify": "between",
|
|
718
720
|
"children": [
|
|
719
721
|
{
|
|
720
722
|
"align": "center",
|
|
723
|
+
"direction": "horizontal",
|
|
721
724
|
"children": [
|
|
722
725
|
{
|
|
723
|
-
"
|
|
724
|
-
"
|
|
726
|
+
"type": "icon",
|
|
727
|
+
"name": "package"
|
|
725
728
|
},
|
|
726
729
|
{
|
|
727
|
-
"variant": "h2",
|
|
728
730
|
"type": "typography",
|
|
729
|
-
"content": "Products"
|
|
731
|
+
"content": "Products",
|
|
732
|
+
"variant": "h2"
|
|
730
733
|
}
|
|
731
734
|
],
|
|
732
|
-
"direction": "horizontal",
|
|
733
735
|
"type": "stack",
|
|
734
736
|
"gap": "sm"
|
|
735
737
|
},
|
|
@@ -739,32 +741,48 @@
|
|
|
739
741
|
"gap": "sm",
|
|
740
742
|
"children": [
|
|
741
743
|
{
|
|
744
|
+
"type": "button",
|
|
742
745
|
"icon": "plus",
|
|
743
746
|
"action": "CREATE",
|
|
744
|
-
"
|
|
745
|
-
"label": "Create Product"
|
|
746
|
-
"variant": "primary"
|
|
747
|
+
"variant": "primary",
|
|
748
|
+
"label": "Create Product"
|
|
747
749
|
}
|
|
748
750
|
]
|
|
749
751
|
}
|
|
750
752
|
],
|
|
751
|
-
"type": "stack"
|
|
752
|
-
"direction": "horizontal",
|
|
753
|
-
"gap": "md",
|
|
754
|
-
"justify": "between",
|
|
755
|
-
"align": "center"
|
|
753
|
+
"type": "stack"
|
|
756
754
|
},
|
|
757
755
|
{
|
|
758
756
|
"type": "divider"
|
|
759
757
|
},
|
|
760
758
|
{
|
|
761
|
-
"
|
|
759
|
+
"type": "data-grid",
|
|
762
760
|
"fields": [],
|
|
761
|
+
"gap": "md",
|
|
762
|
+
"itemActions": [
|
|
763
|
+
{
|
|
764
|
+
"label": "View",
|
|
765
|
+
"event": "VIEW",
|
|
766
|
+
"variant": "ghost"
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"variant": "ghost",
|
|
770
|
+
"label": "Edit",
|
|
771
|
+
"event": "EDIT"
|
|
772
|
+
},
|
|
773
|
+
{
|
|
774
|
+
"label": "Delete",
|
|
775
|
+
"event": "DELETE",
|
|
776
|
+
"variant": "danger"
|
|
777
|
+
}
|
|
778
|
+
],
|
|
779
|
+
"cols": 3.0,
|
|
780
|
+
"entity": "@payload.data",
|
|
763
781
|
"columns": [
|
|
764
782
|
{
|
|
765
783
|
"variant": "h3",
|
|
766
|
-
"
|
|
767
|
-
"
|
|
784
|
+
"name": "name",
|
|
785
|
+
"icon": "package"
|
|
768
786
|
},
|
|
769
787
|
{
|
|
770
788
|
"name": "category",
|
|
@@ -776,42 +794,24 @@
|
|
|
776
794
|
"format": "currency"
|
|
777
795
|
},
|
|
778
796
|
{
|
|
779
|
-
"
|
|
780
|
-
"
|
|
797
|
+
"variant": "caption",
|
|
798
|
+
"name": "sku"
|
|
781
799
|
},
|
|
782
800
|
{
|
|
783
|
-
"label": "In Stock",
|
|
784
|
-
"name": "inStock",
|
|
785
801
|
"variant": "body",
|
|
786
|
-
"
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
"itemActions": [
|
|
790
|
-
{
|
|
791
|
-
"label": "View",
|
|
792
|
-
"variant": "ghost",
|
|
793
|
-
"event": "VIEW"
|
|
794
|
-
},
|
|
795
|
-
{
|
|
796
|
-
"variant": "ghost",
|
|
797
|
-
"event": "EDIT",
|
|
798
|
-
"label": "Edit"
|
|
799
|
-
},
|
|
800
|
-
{
|
|
801
|
-
"event": "DELETE",
|
|
802
|
-
"variant": "danger",
|
|
803
|
-
"label": "Delete"
|
|
802
|
+
"label": "In Stock",
|
|
803
|
+
"format": "boolean",
|
|
804
|
+
"name": "inStock"
|
|
804
805
|
}
|
|
805
|
-
]
|
|
806
|
-
"type": "data-grid",
|
|
807
|
-
"cols": 3.0,
|
|
808
|
-
"gap": "md"
|
|
806
|
+
]
|
|
809
807
|
}
|
|
810
808
|
],
|
|
811
|
-
"
|
|
809
|
+
"type": "stack",
|
|
810
|
+
"gap": "lg",
|
|
811
|
+
"className": "max-w-5xl mx-auto w-full",
|
|
812
|
+
"direction": "vertical"
|
|
812
813
|
}
|
|
813
|
-
]
|
|
814
|
-
"type": "dashboard-layout"
|
|
814
|
+
]
|
|
815
815
|
}
|
|
816
816
|
]
|
|
817
817
|
]
|
|
@@ -825,36 +825,36 @@
|
|
|
825
825
|
"render-ui",
|
|
826
826
|
"main",
|
|
827
827
|
{
|
|
828
|
-
"align": "center",
|
|
829
|
-
"className": "py-12",
|
|
830
828
|
"type": "stack",
|
|
831
|
-
"
|
|
829
|
+
"className": "py-12",
|
|
830
|
+
"align": "center",
|
|
832
831
|
"direction": "vertical",
|
|
833
832
|
"children": [
|
|
834
833
|
{
|
|
835
834
|
"color": "destructive",
|
|
836
|
-
"
|
|
837
|
-
"
|
|
835
|
+
"type": "icon",
|
|
836
|
+
"name": "alert-triangle"
|
|
838
837
|
},
|
|
839
838
|
{
|
|
839
|
+
"variant": "h3",
|
|
840
840
|
"content": "Failed to load product",
|
|
841
|
-
"type": "typography"
|
|
842
|
-
"variant": "h3"
|
|
841
|
+
"type": "typography"
|
|
843
842
|
},
|
|
844
843
|
{
|
|
844
|
+
"variant": "body",
|
|
845
845
|
"content": "@payload.error",
|
|
846
846
|
"type": "typography",
|
|
847
|
-
"variant": "body",
|
|
848
847
|
"color": "muted"
|
|
849
848
|
},
|
|
850
849
|
{
|
|
850
|
+
"action": "INIT",
|
|
851
851
|
"type": "button",
|
|
852
852
|
"label": "Retry",
|
|
853
|
-
"
|
|
854
|
-
"variant": "primary"
|
|
855
|
-
"icon": "rotate-ccw"
|
|
853
|
+
"icon": "rotate-ccw",
|
|
854
|
+
"variant": "primary"
|
|
856
855
|
}
|
|
857
|
-
]
|
|
856
|
+
],
|
|
857
|
+
"gap": "md"
|
|
858
858
|
}
|
|
859
859
|
]
|
|
860
860
|
]
|
|
@@ -1047,7 +1047,9 @@
|
|
|
1047
1047
|
"render-ui",
|
|
1048
1048
|
"modal",
|
|
1049
1049
|
{
|
|
1050
|
+
"gap": "md",
|
|
1050
1051
|
"type": "stack",
|
|
1052
|
+
"direction": "vertical",
|
|
1051
1053
|
"children": [
|
|
1052
1054
|
{
|
|
1053
1055
|
"children": [
|
|
@@ -1056,23 +1058,19 @@
|
|
|
1056
1058
|
"name": "plus-circle"
|
|
1057
1059
|
},
|
|
1058
1060
|
{
|
|
1059
|
-
"
|
|
1061
|
+
"content": "Create Product",
|
|
1060
1062
|
"type": "typography",
|
|
1061
|
-
"
|
|
1063
|
+
"variant": "h3"
|
|
1062
1064
|
}
|
|
1063
1065
|
],
|
|
1064
|
-
"
|
|
1066
|
+
"direction": "horizontal",
|
|
1065
1067
|
"gap": "sm",
|
|
1066
|
-
"
|
|
1068
|
+
"type": "stack"
|
|
1067
1069
|
},
|
|
1068
1070
|
{
|
|
1069
1071
|
"type": "divider"
|
|
1070
1072
|
},
|
|
1071
1073
|
{
|
|
1072
|
-
"submitEvent": "SAVE",
|
|
1073
|
-
"cancelEvent": "CLOSE",
|
|
1074
|
-
"type": "form-section",
|
|
1075
|
-
"mode": "create",
|
|
1076
1074
|
"fields": [
|
|
1077
1075
|
"name",
|
|
1078
1076
|
"description",
|
|
@@ -1080,11 +1078,13 @@
|
|
|
1080
1078
|
"category",
|
|
1081
1079
|
"sku",
|
|
1082
1080
|
"inStock"
|
|
1083
|
-
]
|
|
1081
|
+
],
|
|
1082
|
+
"cancelEvent": "CLOSE",
|
|
1083
|
+
"mode": "create",
|
|
1084
|
+
"type": "form-section",
|
|
1085
|
+
"submitEvent": "SAVE"
|
|
1084
1086
|
}
|
|
1085
|
-
]
|
|
1086
|
-
"direction": "vertical",
|
|
1087
|
-
"gap": "md"
|
|
1087
|
+
]
|
|
1088
1088
|
}
|
|
1089
1089
|
]
|
|
1090
1090
|
]
|
|
@@ -1125,8 +1125,8 @@
|
|
|
1125
1125
|
"@payload.data",
|
|
1126
1126
|
{
|
|
1127
1127
|
"emit": {
|
|
1128
|
-
"
|
|
1129
|
-
"
|
|
1128
|
+
"failure": "ProductSaveFailed",
|
|
1129
|
+
"success": "ProductSaved"
|
|
1130
1130
|
}
|
|
1131
1131
|
}
|
|
1132
1132
|
],
|
|
@@ -1348,27 +1348,35 @@
|
|
|
1348
1348
|
"render-ui",
|
|
1349
1349
|
"modal",
|
|
1350
1350
|
{
|
|
1351
|
+
"gap": "md",
|
|
1352
|
+
"type": "stack",
|
|
1353
|
+
"direction": "vertical",
|
|
1351
1354
|
"children": [
|
|
1352
1355
|
{
|
|
1353
1356
|
"type": "stack",
|
|
1354
|
-
"gap": "sm",
|
|
1355
1357
|
"children": [
|
|
1356
1358
|
{
|
|
1357
|
-
"
|
|
1358
|
-
"
|
|
1359
|
+
"type": "icon",
|
|
1360
|
+
"name": "edit"
|
|
1359
1361
|
},
|
|
1360
1362
|
{
|
|
1361
|
-
"
|
|
1363
|
+
"type": "typography",
|
|
1362
1364
|
"variant": "h3",
|
|
1363
|
-
"
|
|
1365
|
+
"content": "Edit Product"
|
|
1364
1366
|
}
|
|
1365
1367
|
],
|
|
1366
|
-
"direction": "horizontal"
|
|
1368
|
+
"direction": "horizontal",
|
|
1369
|
+
"gap": "sm"
|
|
1367
1370
|
},
|
|
1368
1371
|
{
|
|
1369
1372
|
"type": "divider"
|
|
1370
1373
|
},
|
|
1371
1374
|
{
|
|
1375
|
+
"type": "form-section",
|
|
1376
|
+
"entity": "@payload.row",
|
|
1377
|
+
"mode": "edit",
|
|
1378
|
+
"submitEvent": "SAVE",
|
|
1379
|
+
"cancelEvent": "CLOSE",
|
|
1372
1380
|
"fields": [
|
|
1373
1381
|
"name",
|
|
1374
1382
|
"description",
|
|
@@ -1376,17 +1384,9 @@
|
|
|
1376
1384
|
"category",
|
|
1377
1385
|
"sku",
|
|
1378
1386
|
"inStock"
|
|
1379
|
-
]
|
|
1380
|
-
"entity": "@payload.row",
|
|
1381
|
-
"type": "form-section",
|
|
1382
|
-
"cancelEvent": "CLOSE",
|
|
1383
|
-
"mode": "edit",
|
|
1384
|
-
"submitEvent": "SAVE"
|
|
1387
|
+
]
|
|
1385
1388
|
}
|
|
1386
|
-
]
|
|
1387
|
-
"type": "stack",
|
|
1388
|
-
"gap": "md",
|
|
1389
|
-
"direction": "vertical"
|
|
1389
|
+
]
|
|
1390
1390
|
}
|
|
1391
1391
|
]
|
|
1392
1392
|
]
|
|
@@ -1573,11 +1573,11 @@
|
|
|
1573
1573
|
"fetch",
|
|
1574
1574
|
"Product",
|
|
1575
1575
|
{
|
|
1576
|
-
"id": "@payload.id",
|
|
1577
1576
|
"emit": {
|
|
1578
|
-
"
|
|
1579
|
-
"
|
|
1580
|
-
}
|
|
1577
|
+
"success": "ProductLoaded",
|
|
1578
|
+
"failure": "ProductLoadFailed"
|
|
1579
|
+
},
|
|
1580
|
+
"id": "@payload.id"
|
|
1581
1581
|
}
|
|
1582
1582
|
],
|
|
1583
1583
|
[
|
|
@@ -1586,113 +1586,111 @@
|
|
|
1586
1586
|
{
|
|
1587
1587
|
"children": [
|
|
1588
1588
|
{
|
|
1589
|
+
"direction": "horizontal",
|
|
1590
|
+
"type": "stack",
|
|
1591
|
+
"gap": "sm",
|
|
1592
|
+
"align": "center",
|
|
1589
1593
|
"children": [
|
|
1590
1594
|
{
|
|
1591
|
-
"
|
|
1592
|
-
"
|
|
1595
|
+
"type": "icon",
|
|
1596
|
+
"name": "eye"
|
|
1593
1597
|
},
|
|
1594
1598
|
{
|
|
1595
|
-
"
|
|
1599
|
+
"type": "typography",
|
|
1596
1600
|
"variant": "h3",
|
|
1597
|
-
"
|
|
1601
|
+
"content": "@entity.name"
|
|
1598
1602
|
}
|
|
1599
|
-
]
|
|
1600
|
-
"gap": "sm",
|
|
1601
|
-
"direction": "horizontal",
|
|
1602
|
-
"align": "center",
|
|
1603
|
-
"type": "stack"
|
|
1603
|
+
]
|
|
1604
1604
|
},
|
|
1605
1605
|
{
|
|
1606
1606
|
"type": "divider"
|
|
1607
1607
|
},
|
|
1608
1608
|
{
|
|
1609
1609
|
"direction": "horizontal",
|
|
1610
|
+
"gap": "md",
|
|
1610
1611
|
"children": [
|
|
1611
1612
|
{
|
|
1612
|
-
"
|
|
1613
|
+
"type": "typography",
|
|
1613
1614
|
"content": "Name",
|
|
1614
|
-
"
|
|
1615
|
+
"variant": "caption"
|
|
1615
1616
|
},
|
|
1616
1617
|
{
|
|
1617
|
-
"
|
|
1618
|
+
"variant": "body",
|
|
1618
1619
|
"type": "typography",
|
|
1619
|
-
"
|
|
1620
|
+
"content": "@entity.name"
|
|
1620
1621
|
}
|
|
1621
1622
|
],
|
|
1622
|
-
"gap": "md",
|
|
1623
1623
|
"type": "stack"
|
|
1624
1624
|
},
|
|
1625
1625
|
{
|
|
1626
|
-
"gap": "md",
|
|
1627
|
-
"direction": "horizontal",
|
|
1628
1626
|
"children": [
|
|
1629
1627
|
{
|
|
1628
|
+
"content": "Description",
|
|
1630
1629
|
"type": "typography",
|
|
1631
|
-
"variant": "caption"
|
|
1632
|
-
"content": "Description"
|
|
1630
|
+
"variant": "caption"
|
|
1633
1631
|
},
|
|
1634
1632
|
{
|
|
1635
|
-
"variant": "body",
|
|
1636
1633
|
"content": "@entity.description",
|
|
1637
|
-
"type": "typography"
|
|
1634
|
+
"type": "typography",
|
|
1635
|
+
"variant": "body"
|
|
1638
1636
|
}
|
|
1639
1637
|
],
|
|
1640
|
-
"
|
|
1638
|
+
"direction": "horizontal",
|
|
1639
|
+
"type": "stack",
|
|
1640
|
+
"gap": "md"
|
|
1641
1641
|
},
|
|
1642
1642
|
{
|
|
1643
|
-
"gap": "md",
|
|
1644
1643
|
"direction": "horizontal",
|
|
1645
1644
|
"type": "stack",
|
|
1645
|
+
"gap": "md",
|
|
1646
1646
|
"children": [
|
|
1647
1647
|
{
|
|
1648
|
-
"content": "Price",
|
|
1649
1648
|
"type": "typography",
|
|
1650
|
-
"variant": "caption"
|
|
1649
|
+
"variant": "caption",
|
|
1650
|
+
"content": "Price"
|
|
1651
1651
|
},
|
|
1652
1652
|
{
|
|
1653
|
+
"content": "@entity.price",
|
|
1653
1654
|
"type": "typography",
|
|
1654
|
-
"variant": "body"
|
|
1655
|
-
"content": "@entity.price"
|
|
1655
|
+
"variant": "body"
|
|
1656
1656
|
}
|
|
1657
1657
|
]
|
|
1658
1658
|
},
|
|
1659
1659
|
{
|
|
1660
|
+
"type": "stack",
|
|
1661
|
+
"direction": "horizontal",
|
|
1662
|
+
"gap": "md",
|
|
1660
1663
|
"children": [
|
|
1661
1664
|
{
|
|
1662
1665
|
"type": "typography",
|
|
1663
|
-
"
|
|
1664
|
-
"
|
|
1666
|
+
"variant": "caption",
|
|
1667
|
+
"content": "Category"
|
|
1665
1668
|
},
|
|
1666
1669
|
{
|
|
1667
|
-
"variant": "body",
|
|
1668
1670
|
"content": "@entity.category",
|
|
1669
|
-
"type": "typography"
|
|
1671
|
+
"type": "typography",
|
|
1672
|
+
"variant": "body"
|
|
1670
1673
|
}
|
|
1671
|
-
]
|
|
1672
|
-
"type": "stack",
|
|
1673
|
-
"gap": "md",
|
|
1674
|
-
"direction": "horizontal"
|
|
1674
|
+
]
|
|
1675
1675
|
},
|
|
1676
1676
|
{
|
|
1677
|
-
"direction": "horizontal",
|
|
1678
|
-
"type": "stack",
|
|
1679
1677
|
"children": [
|
|
1680
1678
|
{
|
|
1681
|
-
"
|
|
1679
|
+
"variant": "caption",
|
|
1682
1680
|
"type": "typography",
|
|
1683
|
-
"
|
|
1681
|
+
"content": "Sku"
|
|
1684
1682
|
},
|
|
1685
1683
|
{
|
|
1686
|
-
"type": "typography",
|
|
1687
1684
|
"variant": "body",
|
|
1688
|
-
"content": "@entity.sku"
|
|
1685
|
+
"content": "@entity.sku",
|
|
1686
|
+
"type": "typography"
|
|
1689
1687
|
}
|
|
1690
1688
|
],
|
|
1691
|
-
"gap": "md"
|
|
1689
|
+
"gap": "md",
|
|
1690
|
+
"type": "stack",
|
|
1691
|
+
"direction": "horizontal"
|
|
1692
1692
|
},
|
|
1693
1693
|
{
|
|
1694
|
-
"type": "stack",
|
|
1695
|
-
"gap": "md",
|
|
1696
1694
|
"children": [
|
|
1697
1695
|
{
|
|
1698
1696
|
"type": "typography",
|
|
@@ -1700,26 +1698,30 @@
|
|
|
1700
1698
|
"variant": "caption"
|
|
1701
1699
|
},
|
|
1702
1700
|
{
|
|
1701
|
+
"content": "@entity.inStock",
|
|
1703
1702
|
"variant": "body",
|
|
1704
|
-
"type": "typography"
|
|
1705
|
-
"content": "@entity.inStock"
|
|
1703
|
+
"type": "typography"
|
|
1706
1704
|
}
|
|
1707
1705
|
],
|
|
1708
|
-
"direction": "horizontal"
|
|
1706
|
+
"direction": "horizontal",
|
|
1707
|
+
"gap": "md",
|
|
1708
|
+
"type": "stack"
|
|
1709
1709
|
},
|
|
1710
1710
|
{
|
|
1711
1711
|
"type": "divider"
|
|
1712
1712
|
},
|
|
1713
1713
|
{
|
|
1714
|
+
"type": "stack",
|
|
1714
1715
|
"direction": "horizontal",
|
|
1715
1716
|
"justify": "end",
|
|
1717
|
+
"gap": "sm",
|
|
1716
1718
|
"children": [
|
|
1717
1719
|
{
|
|
1718
|
-
"action": "EDIT",
|
|
1719
|
-
"variant": "primary",
|
|
1720
|
-
"type": "button",
|
|
1721
1720
|
"label": "Edit",
|
|
1722
|
-
"icon": "edit"
|
|
1721
|
+
"icon": "edit",
|
|
1722
|
+
"type": "button",
|
|
1723
|
+
"action": "EDIT",
|
|
1724
|
+
"variant": "primary"
|
|
1723
1725
|
},
|
|
1724
1726
|
{
|
|
1725
1727
|
"label": "Close",
|
|
@@ -1727,14 +1729,12 @@
|
|
|
1727
1729
|
"action": "CLOSE",
|
|
1728
1730
|
"variant": "ghost"
|
|
1729
1731
|
}
|
|
1730
|
-
]
|
|
1731
|
-
"type": "stack",
|
|
1732
|
-
"gap": "sm"
|
|
1732
|
+
]
|
|
1733
1733
|
}
|
|
1734
1734
|
],
|
|
1735
|
+
"direction": "vertical",
|
|
1735
1736
|
"type": "stack",
|
|
1736
|
-
"gap": "md"
|
|
1737
|
-
"direction": "vertical"
|
|
1737
|
+
"gap": "md"
|
|
1738
1738
|
}
|
|
1739
1739
|
]
|
|
1740
1740
|
]
|
|
@@ -1980,11 +1980,12 @@
|
|
|
1980
1980
|
"render-ui",
|
|
1981
1981
|
"modal",
|
|
1982
1982
|
{
|
|
1983
|
-
"direction": "vertical",
|
|
1984
|
-
"type": "stack",
|
|
1985
1983
|
"gap": "md",
|
|
1986
1984
|
"children": [
|
|
1987
1985
|
{
|
|
1986
|
+
"gap": "sm",
|
|
1987
|
+
"type": "stack",
|
|
1988
|
+
"direction": "horizontal",
|
|
1988
1989
|
"children": [
|
|
1989
1990
|
{
|
|
1990
1991
|
"name": "alert-triangle",
|
|
@@ -1992,45 +1993,44 @@
|
|
|
1992
1993
|
},
|
|
1993
1994
|
{
|
|
1994
1995
|
"content": "Delete Product",
|
|
1995
|
-
"
|
|
1996
|
-
"
|
|
1996
|
+
"variant": "h3",
|
|
1997
|
+
"type": "typography"
|
|
1997
1998
|
}
|
|
1998
1999
|
],
|
|
1999
|
-
"direction": "horizontal",
|
|
2000
|
-
"type": "stack",
|
|
2001
|
-
"gap": "sm",
|
|
2002
2000
|
"align": "center"
|
|
2003
2001
|
},
|
|
2004
2002
|
{
|
|
2005
2003
|
"type": "divider"
|
|
2006
2004
|
},
|
|
2007
2005
|
{
|
|
2008
|
-
"variant": "error",
|
|
2009
2006
|
"message": "This action cannot be undone.",
|
|
2010
|
-
"type": "alert"
|
|
2007
|
+
"type": "alert",
|
|
2008
|
+
"variant": "error"
|
|
2011
2009
|
},
|
|
2012
2010
|
{
|
|
2013
2011
|
"gap": "sm",
|
|
2012
|
+
"type": "stack",
|
|
2013
|
+
"justify": "end",
|
|
2014
2014
|
"children": [
|
|
2015
2015
|
{
|
|
2016
|
-
"label": "Cancel",
|
|
2017
|
-
"type": "button",
|
|
2018
2016
|
"action": "CANCEL",
|
|
2019
|
-
"variant": "ghost"
|
|
2017
|
+
"variant": "ghost",
|
|
2018
|
+
"type": "button",
|
|
2019
|
+
"label": "Cancel"
|
|
2020
2020
|
},
|
|
2021
2021
|
{
|
|
2022
2022
|
"type": "button",
|
|
2023
2023
|
"variant": "danger",
|
|
2024
|
-
"
|
|
2024
|
+
"label": "Delete",
|
|
2025
2025
|
"icon": "check",
|
|
2026
|
-
"
|
|
2026
|
+
"action": "CONFIRM_DELETE"
|
|
2027
2027
|
}
|
|
2028
2028
|
],
|
|
2029
|
-
"type": "stack",
|
|
2030
|
-
"justify": "end",
|
|
2031
2029
|
"direction": "horizontal"
|
|
2032
2030
|
}
|
|
2033
|
-
]
|
|
2031
|
+
],
|
|
2032
|
+
"type": "stack",
|
|
2033
|
+
"direction": "vertical"
|
|
2034
2034
|
}
|
|
2035
2035
|
]
|
|
2036
2036
|
]
|
|
@@ -2315,22 +2315,22 @@
|
|
|
2315
2315
|
"render-ui",
|
|
2316
2316
|
"main",
|
|
2317
2317
|
{
|
|
2318
|
+
"direction": "vertical",
|
|
2318
2319
|
"align": "center",
|
|
2319
|
-
"className": "py-12",
|
|
2320
2320
|
"gap": "md",
|
|
2321
|
+
"type": "stack",
|
|
2322
|
+
"className": "py-12",
|
|
2321
2323
|
"children": [
|
|
2322
2324
|
{
|
|
2323
2325
|
"type": "spinner"
|
|
2324
2326
|
},
|
|
2325
2327
|
{
|
|
2326
|
-
"content": "Loading…",
|
|
2327
2328
|
"color": "muted",
|
|
2328
|
-
"
|
|
2329
|
-
"
|
|
2329
|
+
"variant": "caption",
|
|
2330
|
+
"content": "Loading…",
|
|
2331
|
+
"type": "typography"
|
|
2330
2332
|
}
|
|
2331
|
-
]
|
|
2332
|
-
"type": "stack",
|
|
2333
|
-
"direction": "vertical"
|
|
2333
|
+
]
|
|
2334
2334
|
}
|
|
2335
2335
|
]
|
|
2336
2336
|
]
|
|
@@ -2344,44 +2344,44 @@
|
|
|
2344
2344
|
"render-ui",
|
|
2345
2345
|
"main",
|
|
2346
2346
|
{
|
|
2347
|
+
"type": "dashboard-layout",
|
|
2347
2348
|
"navItems": [
|
|
2348
2349
|
{
|
|
2349
|
-
"label": "Products",
|
|
2350
2350
|
"href": "/products",
|
|
2351
|
-
"icon": "package"
|
|
2351
|
+
"icon": "package",
|
|
2352
|
+
"label": "Products"
|
|
2352
2353
|
},
|
|
2353
2354
|
{
|
|
2354
|
-
"href": "/cart",
|
|
2355
2355
|
"icon": "shopping-cart",
|
|
2356
|
+
"href": "/cart",
|
|
2356
2357
|
"label": "Cart"
|
|
2357
2358
|
},
|
|
2358
2359
|
{
|
|
2359
|
-
"href": "/checkout",
|
|
2360
2360
|
"label": "Checkout",
|
|
2361
|
+
"href": "/checkout",
|
|
2361
2362
|
"icon": "credit-card"
|
|
2362
2363
|
},
|
|
2363
2364
|
{
|
|
2364
|
-
"
|
|
2365
|
+
"label": "Orders",
|
|
2365
2366
|
"icon": "clipboard-list",
|
|
2366
|
-
"
|
|
2367
|
+
"href": "/orders"
|
|
2367
2368
|
}
|
|
2368
2369
|
],
|
|
2369
2370
|
"children": [
|
|
2370
2371
|
{
|
|
2371
|
-
"gap": "lg",
|
|
2372
2372
|
"type": "stack",
|
|
2373
|
-
"direction": "vertical",
|
|
2374
2373
|
"children": [
|
|
2375
2374
|
{
|
|
2376
|
-
"justify": "between",
|
|
2377
2375
|
"type": "stack",
|
|
2376
|
+
"justify": "between",
|
|
2378
2377
|
"direction": "horizontal",
|
|
2379
2378
|
"children": [
|
|
2380
2379
|
{
|
|
2380
|
+
"type": "stack",
|
|
2381
2381
|
"children": [
|
|
2382
2382
|
{
|
|
2383
|
-
"
|
|
2384
|
-
"
|
|
2383
|
+
"type": "icon",
|
|
2384
|
+
"name": "shopping-cart"
|
|
2385
2385
|
},
|
|
2386
2386
|
{
|
|
2387
2387
|
"content": "Shopping Cart",
|
|
@@ -2389,16 +2389,15 @@
|
|
|
2389
2389
|
"type": "typography"
|
|
2390
2390
|
}
|
|
2391
2391
|
],
|
|
2392
|
-
"
|
|
2393
|
-
"direction": "horizontal"
|
|
2394
|
-
"gap": "md"
|
|
2392
|
+
"gap": "md",
|
|
2393
|
+
"direction": "horizontal"
|
|
2395
2394
|
},
|
|
2396
2395
|
{
|
|
2397
|
-
"action": "ADD_ITEM",
|
|
2398
|
-
"label": "Add Item",
|
|
2399
|
-
"variant": "primary",
|
|
2400
2396
|
"type": "button",
|
|
2401
|
-
"
|
|
2397
|
+
"label": "Add Item",
|
|
2398
|
+
"icon": "plus",
|
|
2399
|
+
"action": "ADD_ITEM",
|
|
2400
|
+
"variant": "primary"
|
|
2402
2401
|
}
|
|
2403
2402
|
],
|
|
2404
2403
|
"gap": "md"
|
|
@@ -2407,74 +2406,75 @@
|
|
|
2407
2406
|
"type": "divider"
|
|
2408
2407
|
},
|
|
2409
2408
|
{
|
|
2409
|
+
"type": "simple-grid",
|
|
2410
2410
|
"children": [
|
|
2411
2411
|
{
|
|
2412
|
-
"icon": "package",
|
|
2413
|
-
"type": "stat-display",
|
|
2414
2412
|
"label": "Items",
|
|
2415
|
-
"value": "@entity"
|
|
2413
|
+
"value": "@entity",
|
|
2414
|
+
"icon": "package",
|
|
2415
|
+
"type": "stat-display"
|
|
2416
2416
|
},
|
|
2417
2417
|
{
|
|
2418
|
-
"
|
|
2418
|
+
"label": "Subtotal",
|
|
2419
2419
|
"type": "stat-display",
|
|
2420
2420
|
"value": "@entity",
|
|
2421
|
-
"
|
|
2421
|
+
"icon": "dollar-sign"
|
|
2422
2422
|
},
|
|
2423
2423
|
{
|
|
2424
|
-
"type": "stat-display",
|
|
2425
2424
|
"label": "Total",
|
|
2426
|
-
"
|
|
2427
|
-
"
|
|
2425
|
+
"value": "@entity",
|
|
2426
|
+
"type": "stat-display",
|
|
2427
|
+
"icon": "receipt"
|
|
2428
2428
|
}
|
|
2429
2429
|
],
|
|
2430
|
-
"cols": 3.0
|
|
2431
|
-
"type": "simple-grid"
|
|
2430
|
+
"cols": 3.0
|
|
2432
2431
|
},
|
|
2433
2432
|
{
|
|
2434
2433
|
"type": "divider"
|
|
2435
2434
|
},
|
|
2436
2435
|
{
|
|
2437
|
-
"entity": "@payload.data",
|
|
2438
2436
|
"fields": [],
|
|
2439
2437
|
"itemActions": [
|
|
2440
2438
|
{
|
|
2441
|
-
"variant": "danger",
|
|
2442
2439
|
"event": "REQUEST_REMOVE",
|
|
2440
|
+
"variant": "danger",
|
|
2443
2441
|
"label": "Remove"
|
|
2444
2442
|
}
|
|
2445
2443
|
],
|
|
2444
|
+
"entity": "@payload.data",
|
|
2446
2445
|
"type": "data-grid",
|
|
2447
2446
|
"columns": [
|
|
2448
2447
|
{
|
|
2449
|
-
"
|
|
2448
|
+
"label": "Product Name",
|
|
2450
2449
|
"variant": "h4",
|
|
2451
|
-
"
|
|
2452
|
-
"
|
|
2450
|
+
"name": "productName",
|
|
2451
|
+
"icon": "shopping-cart"
|
|
2453
2452
|
},
|
|
2454
2453
|
{
|
|
2454
|
+
"variant": "caption",
|
|
2455
2455
|
"name": "quantity",
|
|
2456
2456
|
"format": "currency",
|
|
2457
|
-
"label": "Quantity"
|
|
2458
|
-
"variant": "caption"
|
|
2457
|
+
"label": "Quantity"
|
|
2459
2458
|
},
|
|
2460
2459
|
{
|
|
2461
|
-
"label": "Unit Price",
|
|
2462
2460
|
"variant": "badge",
|
|
2461
|
+
"label": "Unit Price",
|
|
2463
2462
|
"name": "unitPrice"
|
|
2464
2463
|
}
|
|
2465
2464
|
]
|
|
2466
2465
|
},
|
|
2467
2466
|
{
|
|
2468
2467
|
"type": "button",
|
|
2469
|
-
"icon": "arrow-right",
|
|
2470
|
-
"variant": "primary",
|
|
2471
2468
|
"label": "Proceed to Checkout",
|
|
2472
|
-
"action": "PROCEED_CHECKOUT"
|
|
2469
|
+
"action": "PROCEED_CHECKOUT",
|
|
2470
|
+
"variant": "primary",
|
|
2471
|
+
"icon": "arrow-right"
|
|
2473
2472
|
}
|
|
2474
|
-
]
|
|
2473
|
+
],
|
|
2474
|
+
"direction": "vertical",
|
|
2475
|
+
"gap": "lg"
|
|
2475
2476
|
}
|
|
2476
2477
|
],
|
|
2477
|
-
"type": "dashboard-layout",
|
|
2478
2478
|
"appName": "EcommerceApp"
|
|
2479
2479
|
}
|
|
2480
2480
|
]
|
|
@@ -2489,20 +2489,18 @@
|
|
|
2489
2489
|
"render-ui",
|
|
2490
2490
|
"main",
|
|
2491
2491
|
{
|
|
2492
|
-
"gap": "md",
|
|
2493
2492
|
"className": "py-12",
|
|
2494
|
-
"
|
|
2495
|
-
"direction": "vertical",
|
|
2493
|
+
"gap": "md",
|
|
2496
2494
|
"children": [
|
|
2497
2495
|
{
|
|
2496
|
+
"name": "alert-triangle",
|
|
2498
2497
|
"color": "destructive",
|
|
2499
|
-
"type": "icon"
|
|
2500
|
-
"name": "alert-triangle"
|
|
2498
|
+
"type": "icon"
|
|
2501
2499
|
},
|
|
2502
2500
|
{
|
|
2503
|
-
"variant": "h3",
|
|
2504
2501
|
"content": "Failed to load cartitem",
|
|
2505
|
-
"type": "typography"
|
|
2502
|
+
"type": "typography",
|
|
2503
|
+
"variant": "h3"
|
|
2506
2504
|
},
|
|
2507
2505
|
{
|
|
2508
2506
|
"type": "typography",
|
|
@@ -2511,14 +2509,16 @@
|
|
|
2511
2509
|
"content": "@payload.error"
|
|
2512
2510
|
},
|
|
2513
2511
|
{
|
|
2514
|
-
"
|
|
2515
|
-
"label": "Retry",
|
|
2516
|
-
"icon": "rotate-ccw",
|
|
2512
|
+
"action": "INIT",
|
|
2517
2513
|
"variant": "primary",
|
|
2518
|
-
"
|
|
2514
|
+
"icon": "rotate-ccw",
|
|
2515
|
+
"label": "Retry",
|
|
2516
|
+
"type": "button"
|
|
2519
2517
|
}
|
|
2520
2518
|
],
|
|
2521
|
-
"align": "center"
|
|
2519
|
+
"align": "center",
|
|
2520
|
+
"direction": "vertical",
|
|
2521
|
+
"type": "stack"
|
|
2522
2522
|
}
|
|
2523
2523
|
]
|
|
2524
2524
|
]
|
|
@@ -2542,22 +2542,22 @@
|
|
|
2542
2542
|
"render-ui",
|
|
2543
2543
|
"main",
|
|
2544
2544
|
{
|
|
2545
|
+
"align": "center",
|
|
2546
|
+
"className": "py-12",
|
|
2545
2547
|
"children": [
|
|
2546
2548
|
{
|
|
2547
2549
|
"type": "spinner"
|
|
2548
2550
|
},
|
|
2549
2551
|
{
|
|
2550
|
-
"content": "Preparing checkout…",
|
|
2551
|
-
"type": "typography",
|
|
2552
2552
|
"variant": "caption",
|
|
2553
|
+
"type": "typography",
|
|
2554
|
+
"content": "Preparing checkout…",
|
|
2553
2555
|
"color": "muted"
|
|
2554
2556
|
}
|
|
2555
2557
|
],
|
|
2556
|
-
"gap": "md",
|
|
2557
2558
|
"direction": "vertical",
|
|
2558
|
-
"align": "center",
|
|
2559
2559
|
"type": "stack",
|
|
2560
|
-
"
|
|
2560
|
+
"gap": "md"
|
|
2561
2561
|
}
|
|
2562
2562
|
]
|
|
2563
2563
|
]
|
|
@@ -2571,42 +2571,39 @@
|
|
|
2571
2571
|
"render-ui",
|
|
2572
2572
|
"main",
|
|
2573
2573
|
{
|
|
2574
|
+
"type": "dashboard-layout",
|
|
2574
2575
|
"navItems": [
|
|
2575
2576
|
{
|
|
2576
2577
|
"icon": "package",
|
|
2577
|
-
"
|
|
2578
|
-
"
|
|
2578
|
+
"href": "/products",
|
|
2579
|
+
"label": "Products"
|
|
2579
2580
|
},
|
|
2580
2581
|
{
|
|
2581
2582
|
"icon": "shopping-cart",
|
|
2582
|
-
"
|
|
2583
|
-
"
|
|
2583
|
+
"href": "/cart",
|
|
2584
|
+
"label": "Cart"
|
|
2584
2585
|
},
|
|
2585
2586
|
{
|
|
2586
|
-
"
|
|
2587
|
+
"icon": "credit-card",
|
|
2587
2588
|
"href": "/checkout",
|
|
2588
|
-
"
|
|
2589
|
+
"label": "Checkout"
|
|
2589
2590
|
},
|
|
2590
2591
|
{
|
|
2591
2592
|
"label": "Orders",
|
|
2592
|
-
"
|
|
2593
|
-
"
|
|
2593
|
+
"icon": "clipboard-list",
|
|
2594
|
+
"href": "/orders"
|
|
2594
2595
|
}
|
|
2595
2596
|
],
|
|
2596
|
-
"appName": "EcommerceApp",
|
|
2597
|
-
"type": "dashboard-layout",
|
|
2598
2597
|
"children": [
|
|
2599
2598
|
{
|
|
2600
|
-
"gap": "lg",
|
|
2601
|
-
"direction": "vertical",
|
|
2602
2599
|
"type": "stack",
|
|
2603
2600
|
"children": [
|
|
2604
2601
|
{
|
|
2605
2602
|
"type": "stack",
|
|
2606
2603
|
"children": [
|
|
2607
2604
|
{
|
|
2608
|
-
"
|
|
2609
|
-
"
|
|
2605
|
+
"name": "clipboard",
|
|
2606
|
+
"type": "icon"
|
|
2610
2607
|
},
|
|
2611
2608
|
{
|
|
2612
2609
|
"type": "typography",
|
|
@@ -2621,61 +2618,64 @@
|
|
|
2621
2618
|
"type": "divider"
|
|
2622
2619
|
},
|
|
2623
2620
|
{
|
|
2624
|
-
"
|
|
2625
|
-
"fields": [],
|
|
2621
|
+
"type": "data-grid",
|
|
2626
2622
|
"itemActions": [
|
|
2627
2623
|
{
|
|
2624
|
+
"label": "Remove",
|
|
2628
2625
|
"event": "REQUEST_REMOVE",
|
|
2629
|
-
"variant": "danger"
|
|
2630
|
-
"label": "Remove"
|
|
2626
|
+
"variant": "danger"
|
|
2631
2627
|
}
|
|
2632
2628
|
],
|
|
2629
|
+
"fields": [],
|
|
2633
2630
|
"columns": [
|
|
2634
2631
|
{
|
|
2635
|
-
"
|
|
2632
|
+
"variant": "h4",
|
|
2636
2633
|
"name": "productName",
|
|
2637
2634
|
"label": "Product Name",
|
|
2638
|
-
"
|
|
2635
|
+
"icon": "shopping-cart"
|
|
2639
2636
|
},
|
|
2640
2637
|
{
|
|
2641
2638
|
"name": "quantity",
|
|
2642
|
-
"
|
|
2639
|
+
"format": "currency",
|
|
2643
2640
|
"variant": "caption",
|
|
2644
|
-
"
|
|
2641
|
+
"label": "Quantity"
|
|
2645
2642
|
},
|
|
2646
2643
|
{
|
|
2644
|
+
"label": "Unit Price",
|
|
2647
2645
|
"name": "unitPrice",
|
|
2648
|
-
"variant": "badge"
|
|
2649
|
-
"label": "Unit Price"
|
|
2646
|
+
"variant": "badge"
|
|
2650
2647
|
}
|
|
2651
2648
|
],
|
|
2652
|
-
"
|
|
2649
|
+
"entity": "@payload.data"
|
|
2653
2650
|
},
|
|
2654
2651
|
{
|
|
2655
2652
|
"children": [
|
|
2656
2653
|
{
|
|
2657
|
-
"action": "BACK_TO_CART",
|
|
2658
|
-
"icon": "arrow-left",
|
|
2659
2654
|
"label": "Back to Cart",
|
|
2660
|
-
"
|
|
2661
|
-
"
|
|
2655
|
+
"type": "button",
|
|
2656
|
+
"icon": "arrow-left",
|
|
2657
|
+
"action": "BACK_TO_CART",
|
|
2658
|
+
"variant": "ghost"
|
|
2662
2659
|
},
|
|
2663
2660
|
{
|
|
2664
|
-
"label": "Confirm Order",
|
|
2665
2661
|
"action": "CONFIRM_ORDER",
|
|
2666
2662
|
"variant": "primary",
|
|
2667
2663
|
"icon": "check",
|
|
2668
|
-
"type": "button"
|
|
2664
|
+
"type": "button",
|
|
2665
|
+
"label": "Confirm Order"
|
|
2669
2666
|
}
|
|
2670
2667
|
],
|
|
2671
|
-
"gap": "sm",
|
|
2672
|
-
"type": "stack",
|
|
2673
2668
|
"justify": "end",
|
|
2674
|
-
"
|
|
2669
|
+
"type": "stack",
|
|
2670
|
+
"direction": "horizontal",
|
|
2671
|
+
"gap": "sm"
|
|
2675
2672
|
}
|
|
2676
|
-
]
|
|
2673
|
+
],
|
|
2674
|
+
"gap": "lg",
|
|
2675
|
+
"direction": "vertical"
|
|
2677
2676
|
}
|
|
2678
|
-
]
|
|
2677
|
+
],
|
|
2678
|
+
"appName": "EcommerceApp"
|
|
2679
2679
|
}
|
|
2680
2680
|
]
|
|
2681
2681
|
]
|
|
@@ -2704,17 +2704,41 @@
|
|
|
2704
2704
|
"render-ui",
|
|
2705
2705
|
"main",
|
|
2706
2706
|
{
|
|
2707
|
+
"navItems": [
|
|
2708
|
+
{
|
|
2709
|
+
"href": "/products",
|
|
2710
|
+
"icon": "package",
|
|
2711
|
+
"label": "Products"
|
|
2712
|
+
},
|
|
2713
|
+
{
|
|
2714
|
+
"href": "/cart",
|
|
2715
|
+
"icon": "shopping-cart",
|
|
2716
|
+
"label": "Cart"
|
|
2717
|
+
},
|
|
2718
|
+
{
|
|
2719
|
+
"label": "Checkout",
|
|
2720
|
+
"href": "/checkout",
|
|
2721
|
+
"icon": "credit-card"
|
|
2722
|
+
},
|
|
2723
|
+
{
|
|
2724
|
+
"icon": "clipboard-list",
|
|
2725
|
+
"href": "/orders",
|
|
2726
|
+
"label": "Orders"
|
|
2727
|
+
}
|
|
2728
|
+
],
|
|
2707
2729
|
"children": [
|
|
2708
2730
|
{
|
|
2731
|
+
"type": "stack",
|
|
2732
|
+
"gap": "lg",
|
|
2709
2733
|
"children": [
|
|
2710
2734
|
{
|
|
2711
2735
|
"type": "icon",
|
|
2712
2736
|
"name": "check-circle"
|
|
2713
2737
|
},
|
|
2714
2738
|
{
|
|
2715
|
-
"
|
|
2739
|
+
"type": "typography",
|
|
2716
2740
|
"content": "Order Confirmed",
|
|
2717
|
-
"
|
|
2741
|
+
"variant": "h2"
|
|
2718
2742
|
},
|
|
2719
2743
|
{
|
|
2720
2744
|
"content": "Your order has been placed successfully.",
|
|
@@ -2723,41 +2747,17 @@
|
|
|
2723
2747
|
},
|
|
2724
2748
|
{
|
|
2725
2749
|
"variant": "primary",
|
|
2726
|
-
"
|
|
2750
|
+
"label": "Continue Shopping",
|
|
2727
2751
|
"type": "button",
|
|
2728
|
-
"
|
|
2752
|
+
"action": "INIT"
|
|
2729
2753
|
}
|
|
2730
2754
|
],
|
|
2731
|
-
"gap": "lg",
|
|
2732
2755
|
"align": "center",
|
|
2733
|
-
"type": "stack",
|
|
2734
2756
|
"direction": "vertical"
|
|
2735
2757
|
}
|
|
2736
2758
|
],
|
|
2737
|
-
"
|
|
2738
|
-
|
|
2739
|
-
"icon": "package",
|
|
2740
|
-
"href": "/products",
|
|
2741
|
-
"label": "Products"
|
|
2742
|
-
},
|
|
2743
|
-
{
|
|
2744
|
-
"label": "Cart",
|
|
2745
|
-
"icon": "shopping-cart",
|
|
2746
|
-
"href": "/cart"
|
|
2747
|
-
},
|
|
2748
|
-
{
|
|
2749
|
-
"href": "/checkout",
|
|
2750
|
-
"icon": "credit-card",
|
|
2751
|
-
"label": "Checkout"
|
|
2752
|
-
},
|
|
2753
|
-
{
|
|
2754
|
-
"label": "Orders",
|
|
2755
|
-
"href": "/orders",
|
|
2756
|
-
"icon": "clipboard-list"
|
|
2757
|
-
}
|
|
2758
|
-
],
|
|
2759
|
-
"type": "dashboard-layout",
|
|
2760
|
-
"appName": "EcommerceApp"
|
|
2759
|
+
"appName": "EcommerceApp",
|
|
2760
|
+
"type": "dashboard-layout"
|
|
2761
2761
|
}
|
|
2762
2762
|
]
|
|
2763
2763
|
]
|
|
@@ -2935,22 +2935,21 @@
|
|
|
2935
2935
|
"render-ui",
|
|
2936
2936
|
"modal",
|
|
2937
2937
|
{
|
|
2938
|
-
"
|
|
2939
|
-
"direction": "vertical",
|
|
2938
|
+
"type": "stack",
|
|
2940
2939
|
"children": [
|
|
2941
2940
|
{
|
|
2942
2941
|
"gap": "sm",
|
|
2943
|
-
"type": "stack",
|
|
2944
2942
|
"direction": "horizontal",
|
|
2943
|
+
"type": "stack",
|
|
2945
2944
|
"children": [
|
|
2946
2945
|
{
|
|
2947
|
-
"
|
|
2948
|
-
"
|
|
2946
|
+
"type": "icon",
|
|
2947
|
+
"name": "plus-circle"
|
|
2949
2948
|
},
|
|
2950
2949
|
{
|
|
2951
|
-
"variant": "h3",
|
|
2952
2950
|
"content": "Add Item",
|
|
2953
|
-
"type": "typography"
|
|
2951
|
+
"type": "typography",
|
|
2952
|
+
"variant": "h3"
|
|
2954
2953
|
}
|
|
2955
2954
|
]
|
|
2956
2955
|
},
|
|
@@ -2959,6 +2958,7 @@
|
|
|
2959
2958
|
},
|
|
2960
2959
|
{
|
|
2961
2960
|
"type": "form-section",
|
|
2961
|
+
"mode": "create",
|
|
2962
2962
|
"submitEvent": "SAVE",
|
|
2963
2963
|
"cancelEvent": "CLOSE",
|
|
2964
2964
|
"fields": [
|
|
@@ -2966,11 +2966,11 @@
|
|
|
2966
2966
|
"quantity",
|
|
2967
2967
|
"unitPrice",
|
|
2968
2968
|
"totalPrice"
|
|
2969
|
-
]
|
|
2970
|
-
"mode": "create"
|
|
2969
|
+
]
|
|
2971
2970
|
}
|
|
2972
2971
|
],
|
|
2973
|
-
"
|
|
2972
|
+
"gap": "md",
|
|
2973
|
+
"direction": "vertical"
|
|
2974
2974
|
}
|
|
2975
2975
|
]
|
|
2976
2976
|
]
|
|
@@ -3011,8 +3011,8 @@
|
|
|
3011
3011
|
"@payload.data",
|
|
3012
3012
|
{
|
|
3013
3013
|
"emit": {
|
|
3014
|
-
"
|
|
3015
|
-
"
|
|
3014
|
+
"success": "CartItemSaved",
|
|
3015
|
+
"failure": "CartItemSaveFailed"
|
|
3016
3016
|
}
|
|
3017
3017
|
}
|
|
3018
3018
|
],
|
|
@@ -3213,8 +3213,11 @@
|
|
|
3213
3213
|
"render-ui",
|
|
3214
3214
|
"modal",
|
|
3215
3215
|
{
|
|
3216
|
+
"gap": "md",
|
|
3216
3217
|
"children": [
|
|
3217
3218
|
{
|
|
3219
|
+
"type": "stack",
|
|
3220
|
+
"align": "center",
|
|
3218
3221
|
"children": [
|
|
3219
3222
|
{
|
|
3220
3223
|
"type": "icon",
|
|
@@ -3222,14 +3225,12 @@
|
|
|
3222
3225
|
},
|
|
3223
3226
|
{
|
|
3224
3227
|
"content": "Remove Item",
|
|
3225
|
-
"
|
|
3226
|
-
"
|
|
3228
|
+
"variant": "h3",
|
|
3229
|
+
"type": "typography"
|
|
3227
3230
|
}
|
|
3228
3231
|
],
|
|
3229
|
-
"type": "stack",
|
|
3230
|
-
"direction": "horizontal",
|
|
3231
3232
|
"gap": "sm",
|
|
3232
|
-
"
|
|
3233
|
+
"direction": "horizontal"
|
|
3233
3234
|
},
|
|
3234
3235
|
{
|
|
3235
3236
|
"type": "divider"
|
|
@@ -3241,29 +3242,28 @@
|
|
|
3241
3242
|
},
|
|
3242
3243
|
{
|
|
3243
3244
|
"type": "stack",
|
|
3245
|
+
"gap": "sm",
|
|
3244
3246
|
"justify": "end",
|
|
3245
3247
|
"children": [
|
|
3246
3248
|
{
|
|
3247
|
-
"
|
|
3249
|
+
"action": "CANCEL",
|
|
3248
3250
|
"label": "Cancel",
|
|
3249
3251
|
"type": "button",
|
|
3250
|
-
"
|
|
3252
|
+
"variant": "ghost"
|
|
3251
3253
|
},
|
|
3252
3254
|
{
|
|
3253
|
-
"label": "Remove",
|
|
3254
|
-
"type": "button",
|
|
3255
3255
|
"action": "CONFIRM_REMOVE",
|
|
3256
3256
|
"icon": "check",
|
|
3257
|
-
"variant": "danger"
|
|
3257
|
+
"variant": "danger",
|
|
3258
|
+
"label": "Remove",
|
|
3259
|
+
"type": "button"
|
|
3258
3260
|
}
|
|
3259
3261
|
],
|
|
3260
|
-
"gap": "sm",
|
|
3261
3262
|
"direction": "horizontal"
|
|
3262
3263
|
}
|
|
3263
3264
|
],
|
|
3264
|
-
"
|
|
3265
|
-
"type": "stack"
|
|
3266
|
-
"direction": "vertical"
|
|
3265
|
+
"direction": "vertical",
|
|
3266
|
+
"type": "stack"
|
|
3267
3267
|
}
|
|
3268
3268
|
]
|
|
3269
3269
|
]
|
|
@@ -3605,19 +3605,20 @@
|
|
|
3605
3605
|
"render-ui",
|
|
3606
3606
|
"main",
|
|
3607
3607
|
{
|
|
3608
|
-
"type": "dashboard-layout",
|
|
3609
3608
|
"appName": "EcommerceApp",
|
|
3610
3609
|
"children": [
|
|
3611
3610
|
{
|
|
3611
|
+
"maxWidth": "lg",
|
|
3612
|
+
"padding": "lg",
|
|
3612
3613
|
"children": [
|
|
3613
3614
|
{
|
|
3614
|
-
"type": "stack",
|
|
3615
|
-
"direction": "vertical",
|
|
3616
3615
|
"gap": "lg",
|
|
3616
|
+
"direction": "vertical",
|
|
3617
3617
|
"children": [
|
|
3618
3618
|
{
|
|
3619
|
-
"
|
|
3619
|
+
"type": "stack",
|
|
3620
3620
|
"direction": "horizontal",
|
|
3621
|
+
"align": "center",
|
|
3621
3622
|
"children": [
|
|
3622
3623
|
{
|
|
3623
3624
|
"name": "credit-card",
|
|
@@ -3625,26 +3626,25 @@
|
|
|
3625
3626
|
},
|
|
3626
3627
|
{
|
|
3627
3628
|
"variant": "h2",
|
|
3628
|
-
"
|
|
3629
|
-
"
|
|
3629
|
+
"content": "Checkout",
|
|
3630
|
+
"type": "typography"
|
|
3630
3631
|
}
|
|
3631
3632
|
],
|
|
3632
|
-
"type": "stack",
|
|
3633
3633
|
"gap": "sm"
|
|
3634
3634
|
},
|
|
3635
3635
|
{
|
|
3636
|
+
"count": 3.0,
|
|
3636
3637
|
"type": "progress-dots",
|
|
3637
|
-
"currentIndex": 0.0
|
|
3638
|
-
"count": 3.0
|
|
3638
|
+
"currentIndex": 0.0
|
|
3639
3639
|
},
|
|
3640
3640
|
{
|
|
3641
|
+
"type": "wizard-progress",
|
|
3642
|
+
"currentStep": 0.0,
|
|
3641
3643
|
"steps": [
|
|
3642
3644
|
"Customer Info",
|
|
3643
3645
|
"Shipping",
|
|
3644
3646
|
"Payment"
|
|
3645
|
-
]
|
|
3646
|
-
"type": "wizard-progress",
|
|
3647
|
-
"currentStep": 0.0
|
|
3647
|
+
]
|
|
3648
3648
|
},
|
|
3649
3649
|
{
|
|
3650
3650
|
"type": "divider"
|
|
@@ -3655,58 +3655,58 @@
|
|
|
3655
3655
|
"content": "Customer Info"
|
|
3656
3656
|
},
|
|
3657
3657
|
{
|
|
3658
|
-
"mode": "create",
|
|
3659
|
-
"submitEvent": "NEXT",
|
|
3660
3658
|
"type": "form-section",
|
|
3659
|
+
"mode": "create",
|
|
3661
3660
|
"cancelEvent": "INIT",
|
|
3662
3661
|
"fields": [
|
|
3663
3662
|
"customerName",
|
|
3664
3663
|
"email"
|
|
3665
|
-
]
|
|
3664
|
+
],
|
|
3665
|
+
"submitEvent": "NEXT"
|
|
3666
3666
|
},
|
|
3667
3667
|
{
|
|
3668
|
-
"
|
|
3669
|
-
"justify": "end",
|
|
3668
|
+
"direction": "horizontal",
|
|
3670
3669
|
"gap": "sm",
|
|
3670
|
+
"justify": "end",
|
|
3671
|
+
"type": "stack",
|
|
3671
3672
|
"children": [
|
|
3672
3673
|
{
|
|
3674
|
+
"type": "button",
|
|
3673
3675
|
"variant": "primary",
|
|
3674
3676
|
"action": "NEXT",
|
|
3675
|
-
"
|
|
3676
|
-
"
|
|
3677
|
-
"label": "Next"
|
|
3677
|
+
"label": "Next",
|
|
3678
|
+
"icon": "arrow-right"
|
|
3678
3679
|
}
|
|
3679
|
-
]
|
|
3680
|
-
"direction": "horizontal"
|
|
3680
|
+
]
|
|
3681
3681
|
}
|
|
3682
|
-
]
|
|
3682
|
+
],
|
|
3683
|
+
"type": "stack"
|
|
3683
3684
|
}
|
|
3684
3685
|
],
|
|
3685
|
-
"
|
|
3686
|
-
"type": "container",
|
|
3687
|
-
"padding": "lg"
|
|
3686
|
+
"type": "container"
|
|
3688
3687
|
}
|
|
3689
3688
|
],
|
|
3689
|
+
"type": "dashboard-layout",
|
|
3690
3690
|
"navItems": [
|
|
3691
3691
|
{
|
|
3692
3692
|
"href": "/products",
|
|
3693
|
-
"
|
|
3694
|
-
"
|
|
3693
|
+
"icon": "package",
|
|
3694
|
+
"label": "Products"
|
|
3695
3695
|
},
|
|
3696
3696
|
{
|
|
3697
3697
|
"href": "/cart",
|
|
3698
|
-
"
|
|
3699
|
-
"
|
|
3698
|
+
"label": "Cart",
|
|
3699
|
+
"icon": "shopping-cart"
|
|
3700
3700
|
},
|
|
3701
3701
|
{
|
|
3702
|
-
"label": "Checkout",
|
|
3703
3702
|
"href": "/checkout",
|
|
3703
|
+
"label": "Checkout",
|
|
3704
3704
|
"icon": "credit-card"
|
|
3705
3705
|
},
|
|
3706
3706
|
{
|
|
3707
|
-
"
|
|
3707
|
+
"href": "/orders",
|
|
3708
3708
|
"icon": "clipboard-list",
|
|
3709
|
-
"
|
|
3709
|
+
"label": "Orders"
|
|
3710
3710
|
}
|
|
3711
3711
|
]
|
|
3712
3712
|
}
|
|
@@ -3732,37 +3732,14 @@
|
|
|
3732
3732
|
"render-ui",
|
|
3733
3733
|
"main",
|
|
3734
3734
|
{
|
|
3735
|
-
"navItems": [
|
|
3736
|
-
{
|
|
3737
|
-
"icon": "package",
|
|
3738
|
-
"label": "Products",
|
|
3739
|
-
"href": "/products"
|
|
3740
|
-
},
|
|
3741
|
-
{
|
|
3742
|
-
"label": "Cart",
|
|
3743
|
-
"href": "/cart",
|
|
3744
|
-
"icon": "shopping-cart"
|
|
3745
|
-
},
|
|
3746
|
-
{
|
|
3747
|
-
"icon": "credit-card",
|
|
3748
|
-
"label": "Checkout",
|
|
3749
|
-
"href": "/checkout"
|
|
3750
|
-
},
|
|
3751
|
-
{
|
|
3752
|
-
"icon": "clipboard-list",
|
|
3753
|
-
"label": "Orders",
|
|
3754
|
-
"href": "/orders"
|
|
3755
|
-
}
|
|
3756
|
-
],
|
|
3757
3735
|
"type": "dashboard-layout",
|
|
3758
|
-
"appName": "EcommerceApp",
|
|
3759
3736
|
"children": [
|
|
3760
3737
|
{
|
|
3761
|
-
"maxWidth": "lg",
|
|
3762
|
-
"padding": "lg",
|
|
3763
|
-
"type": "container",
|
|
3764
3738
|
"children": [
|
|
3765
3739
|
{
|
|
3740
|
+
"type": "stack",
|
|
3741
|
+
"gap": "lg",
|
|
3742
|
+
"direction": "vertical",
|
|
3766
3743
|
"children": [
|
|
3767
3744
|
{
|
|
3768
3745
|
"children": [
|
|
@@ -3776,72 +3753,95 @@
|
|
|
3776
3753
|
"content": "Checkout"
|
|
3777
3754
|
}
|
|
3778
3755
|
],
|
|
3779
|
-
"align": "center",
|
|
3780
|
-
"type": "stack",
|
|
3781
3756
|
"direction": "horizontal",
|
|
3782
|
-
"
|
|
3757
|
+
"align": "center",
|
|
3758
|
+
"gap": "sm",
|
|
3759
|
+
"type": "stack"
|
|
3783
3760
|
},
|
|
3784
3761
|
{
|
|
3785
3762
|
"count": 3.0,
|
|
3786
|
-
"
|
|
3787
|
-
"
|
|
3763
|
+
"currentIndex": 1.0,
|
|
3764
|
+
"type": "progress-dots"
|
|
3788
3765
|
},
|
|
3789
3766
|
{
|
|
3767
|
+
"currentStep": 1.0,
|
|
3790
3768
|
"type": "wizard-progress",
|
|
3791
3769
|
"steps": [
|
|
3792
3770
|
"Customer Info",
|
|
3793
3771
|
"Shipping",
|
|
3794
3772
|
"Payment"
|
|
3795
|
-
]
|
|
3796
|
-
"currentStep": 1.0
|
|
3773
|
+
]
|
|
3797
3774
|
},
|
|
3798
3775
|
{
|
|
3799
3776
|
"type": "divider"
|
|
3800
3777
|
},
|
|
3801
3778
|
{
|
|
3802
3779
|
"type": "typography",
|
|
3803
|
-
"
|
|
3804
|
-
"
|
|
3780
|
+
"variant": "h3",
|
|
3781
|
+
"content": "Shipping"
|
|
3805
3782
|
},
|
|
3806
3783
|
{
|
|
3807
|
-
"submitEvent": "NEXT",
|
|
3808
|
-
"mode": "create",
|
|
3809
3784
|
"cancelEvent": "PREV",
|
|
3810
3785
|
"type": "form-section",
|
|
3786
|
+
"mode": "create",
|
|
3811
3787
|
"fields": [
|
|
3812
3788
|
"shippingAddress"
|
|
3813
|
-
]
|
|
3789
|
+
],
|
|
3790
|
+
"submitEvent": "NEXT"
|
|
3814
3791
|
},
|
|
3815
3792
|
{
|
|
3816
3793
|
"direction": "horizontal",
|
|
3794
|
+
"justify": "end",
|
|
3795
|
+
"type": "stack",
|
|
3796
|
+
"gap": "sm",
|
|
3817
3797
|
"children": [
|
|
3818
3798
|
{
|
|
3819
|
-
"variant": "ghost",
|
|
3820
|
-
"type": "button",
|
|
3821
3799
|
"label": "Back",
|
|
3822
|
-
"
|
|
3823
|
-
"
|
|
3800
|
+
"type": "button",
|
|
3801
|
+
"variant": "ghost",
|
|
3802
|
+
"icon": "arrow-left",
|
|
3803
|
+
"action": "PREV"
|
|
3824
3804
|
},
|
|
3825
3805
|
{
|
|
3826
|
-
"type": "button",
|
|
3827
3806
|
"action": "NEXT",
|
|
3828
3807
|
"label": "Next",
|
|
3808
|
+
"type": "button",
|
|
3829
3809
|
"variant": "primary",
|
|
3830
3810
|
"icon": "arrow-right"
|
|
3831
3811
|
}
|
|
3832
|
-
]
|
|
3833
|
-
"justify": "end",
|
|
3834
|
-
"gap": "sm",
|
|
3835
|
-
"type": "stack"
|
|
3812
|
+
]
|
|
3836
3813
|
}
|
|
3837
|
-
]
|
|
3838
|
-
"gap": "lg",
|
|
3839
|
-
"direction": "vertical",
|
|
3840
|
-
"type": "stack"
|
|
3814
|
+
]
|
|
3841
3815
|
}
|
|
3842
|
-
]
|
|
3816
|
+
],
|
|
3817
|
+
"type": "container",
|
|
3818
|
+
"maxWidth": "lg",
|
|
3819
|
+
"padding": "lg"
|
|
3843
3820
|
}
|
|
3844
|
-
]
|
|
3821
|
+
],
|
|
3822
|
+
"navItems": [
|
|
3823
|
+
{
|
|
3824
|
+
"label": "Products",
|
|
3825
|
+
"href": "/products",
|
|
3826
|
+
"icon": "package"
|
|
3827
|
+
},
|
|
3828
|
+
{
|
|
3829
|
+
"href": "/cart",
|
|
3830
|
+
"icon": "shopping-cart",
|
|
3831
|
+
"label": "Cart"
|
|
3832
|
+
},
|
|
3833
|
+
{
|
|
3834
|
+
"href": "/checkout",
|
|
3835
|
+
"label": "Checkout",
|
|
3836
|
+
"icon": "credit-card"
|
|
3837
|
+
},
|
|
3838
|
+
{
|
|
3839
|
+
"label": "Orders",
|
|
3840
|
+
"href": "/orders",
|
|
3841
|
+
"icon": "clipboard-list"
|
|
3842
|
+
}
|
|
3843
|
+
],
|
|
3844
|
+
"appName": "EcommerceApp"
|
|
3845
3845
|
}
|
|
3846
3846
|
]
|
|
3847
3847
|
]
|
|
@@ -3856,8 +3856,8 @@
|
|
|
3856
3856
|
"Checkout",
|
|
3857
3857
|
{
|
|
3858
3858
|
"emit": {
|
|
3859
|
-
"
|
|
3860
|
-
"
|
|
3859
|
+
"failure": "CheckoutLoadFailed",
|
|
3860
|
+
"success": "CheckoutLoaded"
|
|
3861
3861
|
}
|
|
3862
3862
|
}
|
|
3863
3863
|
],
|
|
@@ -3865,57 +3865,29 @@
|
|
|
3865
3865
|
"render-ui",
|
|
3866
3866
|
"main",
|
|
3867
3867
|
{
|
|
3868
|
-
"appName": "EcommerceApp",
|
|
3869
|
-
"navItems": [
|
|
3870
|
-
{
|
|
3871
|
-
"label": "Products",
|
|
3872
|
-
"href": "/products",
|
|
3873
|
-
"icon": "package"
|
|
3874
|
-
},
|
|
3875
|
-
{
|
|
3876
|
-
"label": "Cart",
|
|
3877
|
-
"href": "/cart",
|
|
3878
|
-
"icon": "shopping-cart"
|
|
3879
|
-
},
|
|
3880
|
-
{
|
|
3881
|
-
"href": "/checkout",
|
|
3882
|
-
"icon": "credit-card",
|
|
3883
|
-
"label": "Checkout"
|
|
3884
|
-
},
|
|
3885
|
-
{
|
|
3886
|
-
"icon": "clipboard-list",
|
|
3887
|
-
"href": "/orders",
|
|
3888
|
-
"label": "Orders"
|
|
3889
|
-
}
|
|
3890
|
-
],
|
|
3891
3868
|
"type": "dashboard-layout",
|
|
3892
3869
|
"children": [
|
|
3893
3870
|
{
|
|
3894
|
-
"padding": "lg",
|
|
3895
|
-
"maxWidth": "lg",
|
|
3896
|
-
"type": "container",
|
|
3897
3871
|
"children": [
|
|
3898
3872
|
{
|
|
3899
|
-
"gap": "lg",
|
|
3900
|
-
"type": "stack",
|
|
3901
3873
|
"direction": "vertical",
|
|
3902
3874
|
"children": [
|
|
3903
3875
|
{
|
|
3904
|
-
"direction": "horizontal",
|
|
3905
|
-
"gap": "sm",
|
|
3906
3876
|
"type": "stack",
|
|
3877
|
+
"align": "center",
|
|
3878
|
+
"direction": "horizontal",
|
|
3907
3879
|
"children": [
|
|
3908
3880
|
{
|
|
3909
|
-
"
|
|
3910
|
-
"
|
|
3881
|
+
"name": "credit-card",
|
|
3882
|
+
"type": "icon"
|
|
3911
3883
|
},
|
|
3912
3884
|
{
|
|
3885
|
+
"type": "typography",
|
|
3913
3886
|
"content": "Checkout",
|
|
3914
|
-
"variant": "h2"
|
|
3915
|
-
"type": "typography"
|
|
3887
|
+
"variant": "h2"
|
|
3916
3888
|
}
|
|
3917
3889
|
],
|
|
3918
|
-
"
|
|
3890
|
+
"gap": "sm"
|
|
3919
3891
|
},
|
|
3920
3892
|
{
|
|
3921
3893
|
"type": "progress-dots",
|
|
@@ -3924,26 +3896,26 @@
|
|
|
3924
3896
|
},
|
|
3925
3897
|
{
|
|
3926
3898
|
"type": "wizard-progress",
|
|
3927
|
-
"currentStep": 2.0,
|
|
3928
3899
|
"steps": [
|
|
3929
3900
|
"Customer Info",
|
|
3930
3901
|
"Shipping",
|
|
3931
3902
|
"Payment"
|
|
3932
|
-
]
|
|
3903
|
+
],
|
|
3904
|
+
"currentStep": 2.0
|
|
3933
3905
|
},
|
|
3934
3906
|
{
|
|
3935
3907
|
"type": "divider"
|
|
3936
3908
|
},
|
|
3937
3909
|
{
|
|
3910
|
+
"variant": "h3",
|
|
3938
3911
|
"type": "typography",
|
|
3939
|
-
"content": "Payment"
|
|
3940
|
-
"variant": "h3"
|
|
3912
|
+
"content": "Payment"
|
|
3941
3913
|
},
|
|
3942
3914
|
{
|
|
3915
|
+
"cancelEvent": "PREV",
|
|
3943
3916
|
"mode": "create",
|
|
3944
3917
|
"submitEvent": "NEXT",
|
|
3945
3918
|
"type": "form-section",
|
|
3946
|
-
"cancelEvent": "PREV",
|
|
3947
3919
|
"fields": [
|
|
3948
3920
|
"paymentMethod"
|
|
3949
3921
|
]
|
|
@@ -3951,30 +3923,58 @@
|
|
|
3951
3923
|
{
|
|
3952
3924
|
"children": [
|
|
3953
3925
|
{
|
|
3926
|
+
"action": "PREV",
|
|
3954
3927
|
"type": "button",
|
|
3955
3928
|
"variant": "ghost",
|
|
3956
3929
|
"icon": "arrow-left",
|
|
3957
|
-
"label": "Back"
|
|
3958
|
-
"action": "PREV"
|
|
3930
|
+
"label": "Back"
|
|
3959
3931
|
},
|
|
3960
3932
|
{
|
|
3961
|
-
"
|
|
3933
|
+
"type": "button",
|
|
3934
|
+
"label": "Next",
|
|
3962
3935
|
"action": "NEXT",
|
|
3963
3936
|
"variant": "primary",
|
|
3964
|
-
"
|
|
3965
|
-
"label": "Next"
|
|
3937
|
+
"icon": "arrow-right"
|
|
3966
3938
|
}
|
|
3967
3939
|
],
|
|
3968
|
-
"
|
|
3969
|
-
"gap": "sm",
|
|
3940
|
+
"type": "stack",
|
|
3970
3941
|
"justify": "end",
|
|
3971
|
-
"
|
|
3942
|
+
"direction": "horizontal",
|
|
3943
|
+
"gap": "sm"
|
|
3972
3944
|
}
|
|
3973
|
-
]
|
|
3945
|
+
],
|
|
3946
|
+
"gap": "lg",
|
|
3947
|
+
"type": "stack"
|
|
3974
3948
|
}
|
|
3975
|
-
]
|
|
3949
|
+
],
|
|
3950
|
+
"maxWidth": "lg",
|
|
3951
|
+
"padding": "lg",
|
|
3952
|
+
"type": "container"
|
|
3976
3953
|
}
|
|
3977
|
-
]
|
|
3954
|
+
],
|
|
3955
|
+
"navItems": [
|
|
3956
|
+
{
|
|
3957
|
+
"label": "Products",
|
|
3958
|
+
"href": "/products",
|
|
3959
|
+
"icon": "package"
|
|
3960
|
+
},
|
|
3961
|
+
{
|
|
3962
|
+
"icon": "shopping-cart",
|
|
3963
|
+
"label": "Cart",
|
|
3964
|
+
"href": "/cart"
|
|
3965
|
+
},
|
|
3966
|
+
{
|
|
3967
|
+
"href": "/checkout",
|
|
3968
|
+
"label": "Checkout",
|
|
3969
|
+
"icon": "credit-card"
|
|
3970
|
+
},
|
|
3971
|
+
{
|
|
3972
|
+
"label": "Orders",
|
|
3973
|
+
"href": "/orders",
|
|
3974
|
+
"icon": "clipboard-list"
|
|
3975
|
+
}
|
|
3976
|
+
],
|
|
3977
|
+
"appName": "EcommerceApp"
|
|
3978
3978
|
}
|
|
3979
3979
|
]
|
|
3980
3980
|
]
|
|
@@ -3989,8 +3989,8 @@
|
|
|
3989
3989
|
"Checkout",
|
|
3990
3990
|
{
|
|
3991
3991
|
"emit": {
|
|
3992
|
-
"
|
|
3993
|
-
"
|
|
3992
|
+
"success": "CheckoutLoaded",
|
|
3993
|
+
"failure": "CheckoutLoadFailed"
|
|
3994
3994
|
}
|
|
3995
3995
|
}
|
|
3996
3996
|
],
|
|
@@ -3998,12 +3998,11 @@
|
|
|
3998
3998
|
"render-ui",
|
|
3999
3999
|
"main",
|
|
4000
4000
|
{
|
|
4001
|
-
"appName": "EcommerceApp",
|
|
4002
4001
|
"navItems": [
|
|
4003
4002
|
{
|
|
4003
|
+
"icon": "package",
|
|
4004
4004
|
"label": "Products",
|
|
4005
|
-
"href": "/products"
|
|
4006
|
-
"icon": "package"
|
|
4005
|
+
"href": "/products"
|
|
4007
4006
|
},
|
|
4008
4007
|
{
|
|
4009
4008
|
"label": "Cart",
|
|
@@ -4011,97 +4010,98 @@
|
|
|
4011
4010
|
"icon": "shopping-cart"
|
|
4012
4011
|
},
|
|
4013
4012
|
{
|
|
4013
|
+
"label": "Checkout",
|
|
4014
4014
|
"href": "/checkout",
|
|
4015
|
-
"icon": "credit-card"
|
|
4016
|
-
"label": "Checkout"
|
|
4015
|
+
"icon": "credit-card"
|
|
4017
4016
|
},
|
|
4018
4017
|
{
|
|
4019
|
-
"href": "/orders",
|
|
4020
4018
|
"label": "Orders",
|
|
4021
|
-
"icon": "clipboard-list"
|
|
4019
|
+
"icon": "clipboard-list",
|
|
4020
|
+
"href": "/orders"
|
|
4022
4021
|
}
|
|
4023
4022
|
],
|
|
4023
|
+
"type": "dashboard-layout",
|
|
4024
4024
|
"children": [
|
|
4025
4025
|
{
|
|
4026
|
+
"type": "container",
|
|
4026
4027
|
"children": [
|
|
4027
4028
|
{
|
|
4029
|
+
"direction": "vertical",
|
|
4030
|
+
"gap": "lg",
|
|
4031
|
+
"type": "stack",
|
|
4028
4032
|
"children": [
|
|
4029
4033
|
{
|
|
4030
|
-
"type": "stack",
|
|
4031
|
-
"direction": "horizontal",
|
|
4032
4034
|
"children": [
|
|
4033
4035
|
{
|
|
4034
|
-
"
|
|
4035
|
-
"
|
|
4036
|
+
"type": "icon",
|
|
4037
|
+
"name": "credit-card"
|
|
4036
4038
|
},
|
|
4037
4039
|
{
|
|
4038
|
-
"
|
|
4040
|
+
"content": "Checkout",
|
|
4039
4041
|
"variant": "h2",
|
|
4040
|
-
"
|
|
4042
|
+
"type": "typography"
|
|
4041
4043
|
}
|
|
4042
4044
|
],
|
|
4043
|
-
"
|
|
4044
|
-
"align": "center"
|
|
4045
|
+
"type": "stack",
|
|
4046
|
+
"align": "center",
|
|
4047
|
+
"direction": "horizontal",
|
|
4048
|
+
"gap": "sm"
|
|
4045
4049
|
},
|
|
4046
4050
|
{
|
|
4047
|
-
"
|
|
4051
|
+
"currentIndex": 0.0,
|
|
4048
4052
|
"type": "progress-dots",
|
|
4049
|
-
"
|
|
4053
|
+
"count": 3.0
|
|
4050
4054
|
},
|
|
4051
4055
|
{
|
|
4052
|
-
"type": "wizard-progress",
|
|
4053
|
-
"currentStep": 0.0,
|
|
4054
4056
|
"steps": [
|
|
4055
4057
|
"Customer Info",
|
|
4056
4058
|
"Shipping",
|
|
4057
4059
|
"Payment"
|
|
4058
|
-
]
|
|
4060
|
+
],
|
|
4061
|
+
"type": "wizard-progress",
|
|
4062
|
+
"currentStep": 0.0
|
|
4059
4063
|
},
|
|
4060
4064
|
{
|
|
4061
4065
|
"type": "divider"
|
|
4062
4066
|
},
|
|
4063
4067
|
{
|
|
4064
|
-
"content": "Customer Info",
|
|
4065
4068
|
"type": "typography",
|
|
4069
|
+
"content": "Customer Info",
|
|
4066
4070
|
"variant": "h3"
|
|
4067
4071
|
},
|
|
4068
4072
|
{
|
|
4073
|
+
"type": "form-section",
|
|
4074
|
+
"submitEvent": "NEXT",
|
|
4075
|
+
"mode": "create",
|
|
4069
4076
|
"fields": [
|
|
4070
4077
|
"customerName",
|
|
4071
4078
|
"email"
|
|
4072
4079
|
],
|
|
4073
|
-
"mode": "create",
|
|
4074
|
-
"submitEvent": "NEXT",
|
|
4075
|
-
"type": "form-section",
|
|
4076
4080
|
"cancelEvent": "INIT"
|
|
4077
4081
|
},
|
|
4078
4082
|
{
|
|
4079
4083
|
"direction": "horizontal",
|
|
4080
4084
|
"children": [
|
|
4081
4085
|
{
|
|
4086
|
+
"icon": "arrow-right",
|
|
4082
4087
|
"action": "NEXT",
|
|
4088
|
+
"variant": "primary",
|
|
4083
4089
|
"type": "button",
|
|
4084
|
-
"
|
|
4085
|
-
"label": "Next",
|
|
4086
|
-
"variant": "primary"
|
|
4090
|
+
"label": "Next"
|
|
4087
4091
|
}
|
|
4088
4092
|
],
|
|
4089
|
-
"justify": "end",
|
|
4090
4093
|
"gap": "sm",
|
|
4091
|
-
"type": "stack"
|
|
4094
|
+
"type": "stack",
|
|
4095
|
+
"justify": "end"
|
|
4092
4096
|
}
|
|
4093
|
-
]
|
|
4094
|
-
"gap": "lg",
|
|
4095
|
-
"direction": "vertical",
|
|
4096
|
-
"type": "stack"
|
|
4097
|
+
]
|
|
4097
4098
|
}
|
|
4098
4099
|
],
|
|
4099
|
-
"
|
|
4100
|
-
"
|
|
4101
|
-
"maxWidth": "lg"
|
|
4100
|
+
"maxWidth": "lg",
|
|
4101
|
+
"padding": "lg"
|
|
4102
4102
|
}
|
|
4103
4103
|
],
|
|
4104
|
-
"
|
|
4104
|
+
"appName": "EcommerceApp"
|
|
4105
4105
|
}
|
|
4106
4106
|
]
|
|
4107
4107
|
]
|
|
@@ -4116,8 +4116,8 @@
|
|
|
4116
4116
|
"Checkout",
|
|
4117
4117
|
{
|
|
4118
4118
|
"emit": {
|
|
4119
|
-
"
|
|
4120
|
-
"
|
|
4119
|
+
"failure": "CheckoutLoadFailed",
|
|
4120
|
+
"success": "CheckoutLoaded"
|
|
4121
4121
|
}
|
|
4122
4122
|
}
|
|
4123
4123
|
],
|
|
@@ -4125,59 +4125,33 @@
|
|
|
4125
4125
|
"render-ui",
|
|
4126
4126
|
"main",
|
|
4127
4127
|
{
|
|
4128
|
-
"appName": "EcommerceApp",
|
|
4129
|
-
"navItems": [
|
|
4130
|
-
{
|
|
4131
|
-
"href": "/products",
|
|
4132
|
-
"label": "Products",
|
|
4133
|
-
"icon": "package"
|
|
4134
|
-
},
|
|
4135
|
-
{
|
|
4136
|
-
"label": "Cart",
|
|
4137
|
-
"href": "/cart",
|
|
4138
|
-
"icon": "shopping-cart"
|
|
4139
|
-
},
|
|
4140
|
-
{
|
|
4141
|
-
"label": "Checkout",
|
|
4142
|
-
"href": "/checkout",
|
|
4143
|
-
"icon": "credit-card"
|
|
4144
|
-
},
|
|
4145
|
-
{
|
|
4146
|
-
"icon": "clipboard-list",
|
|
4147
|
-
"label": "Orders",
|
|
4148
|
-
"href": "/orders"
|
|
4149
|
-
}
|
|
4150
|
-
],
|
|
4151
|
-
"type": "dashboard-layout",
|
|
4152
4128
|
"children": [
|
|
4153
4129
|
{
|
|
4154
|
-
"direction": "vertical",
|
|
4155
|
-
"type": "stack",
|
|
4156
4130
|
"children": [
|
|
4157
4131
|
{
|
|
4132
|
+
"gap": "sm",
|
|
4133
|
+
"type": "stack",
|
|
4134
|
+
"align": "center",
|
|
4135
|
+
"direction": "horizontal",
|
|
4158
4136
|
"children": [
|
|
4159
4137
|
{
|
|
4160
|
-
"
|
|
4161
|
-
"
|
|
4138
|
+
"type": "icon",
|
|
4139
|
+
"name": "credit-card"
|
|
4162
4140
|
},
|
|
4163
4141
|
{
|
|
4164
4142
|
"content": "Checkout",
|
|
4165
4143
|
"variant": "h2",
|
|
4166
4144
|
"type": "typography"
|
|
4167
4145
|
}
|
|
4168
|
-
]
|
|
4169
|
-
"type": "stack",
|
|
4170
|
-
"direction": "horizontal",
|
|
4171
|
-
"align": "center",
|
|
4172
|
-
"gap": "sm"
|
|
4146
|
+
]
|
|
4173
4147
|
},
|
|
4174
4148
|
{
|
|
4175
|
-
"
|
|
4176
|
-
"
|
|
4149
|
+
"label": "Review",
|
|
4150
|
+
"type": "badge"
|
|
4177
4151
|
},
|
|
4178
4152
|
{
|
|
4179
|
-
"type": "wizard-progress",
|
|
4180
4153
|
"currentStep": 3.0,
|
|
4154
|
+
"type": "wizard-progress",
|
|
4181
4155
|
"steps": [
|
|
4182
4156
|
"Customer Info",
|
|
4183
4157
|
"Shipping",
|
|
@@ -4189,88 +4163,86 @@
|
|
|
4189
4163
|
},
|
|
4190
4164
|
{
|
|
4191
4165
|
"direction": "vertical",
|
|
4166
|
+
"type": "stack",
|
|
4192
4167
|
"gap": "sm",
|
|
4193
4168
|
"children": [
|
|
4194
4169
|
{
|
|
4195
|
-
"type": "stack",
|
|
4196
|
-
"justify": "between",
|
|
4197
4170
|
"gap": "md",
|
|
4198
4171
|
"direction": "horizontal",
|
|
4172
|
+
"justify": "between",
|
|
4199
4173
|
"children": [
|
|
4200
4174
|
{
|
|
4201
4175
|
"type": "typography",
|
|
4202
|
-
"
|
|
4203
|
-
"
|
|
4176
|
+
"variant": "caption",
|
|
4177
|
+
"content": "Customer Name"
|
|
4204
4178
|
},
|
|
4205
4179
|
{
|
|
4206
|
-
"
|
|
4180
|
+
"content": "@entity.customerName",
|
|
4207
4181
|
"variant": "body",
|
|
4208
|
-
"
|
|
4182
|
+
"type": "typography"
|
|
4209
4183
|
}
|
|
4210
|
-
]
|
|
4184
|
+
],
|
|
4185
|
+
"type": "stack"
|
|
4211
4186
|
},
|
|
4212
4187
|
{
|
|
4213
4188
|
"type": "stack",
|
|
4214
4189
|
"direction": "horizontal",
|
|
4215
|
-
"justify": "between",
|
|
4216
|
-
"gap": "md",
|
|
4217
4190
|
"children": [
|
|
4218
4191
|
{
|
|
4192
|
+
"content": "Email",
|
|
4219
4193
|
"type": "typography",
|
|
4220
|
-
"variant": "caption"
|
|
4221
|
-
"content": "Email"
|
|
4194
|
+
"variant": "caption"
|
|
4222
4195
|
},
|
|
4223
4196
|
{
|
|
4224
|
-
"
|
|
4197
|
+
"type": "typography",
|
|
4225
4198
|
"content": "@entity.email",
|
|
4226
|
-
"
|
|
4199
|
+
"variant": "body"
|
|
4227
4200
|
}
|
|
4228
|
-
]
|
|
4201
|
+
],
|
|
4202
|
+
"gap": "md",
|
|
4203
|
+
"justify": "between"
|
|
4229
4204
|
},
|
|
4230
4205
|
{
|
|
4231
|
-
"justify": "between",
|
|
4232
|
-
"direction": "horizontal",
|
|
4233
4206
|
"type": "stack",
|
|
4207
|
+
"gap": "md",
|
|
4208
|
+
"direction": "horizontal",
|
|
4209
|
+
"justify": "between",
|
|
4234
4210
|
"children": [
|
|
4235
4211
|
{
|
|
4236
|
-
"variant": "caption",
|
|
4237
4212
|
"type": "typography",
|
|
4213
|
+
"variant": "caption",
|
|
4238
4214
|
"content": "Shipping Address"
|
|
4239
4215
|
},
|
|
4240
4216
|
{
|
|
4217
|
+
"type": "typography",
|
|
4241
4218
|
"variant": "body",
|
|
4242
|
-
"content": "@entity.shippingAddress"
|
|
4243
|
-
"type": "typography"
|
|
4219
|
+
"content": "@entity.shippingAddress"
|
|
4244
4220
|
}
|
|
4245
|
-
]
|
|
4246
|
-
"gap": "md"
|
|
4221
|
+
]
|
|
4247
4222
|
},
|
|
4248
4223
|
{
|
|
4224
|
+
"direction": "horizontal",
|
|
4225
|
+
"type": "stack",
|
|
4226
|
+
"justify": "between",
|
|
4227
|
+
"gap": "md",
|
|
4249
4228
|
"children": [
|
|
4250
4229
|
{
|
|
4251
|
-
"
|
|
4230
|
+
"content": "Payment Method",
|
|
4252
4231
|
"type": "typography",
|
|
4253
|
-
"
|
|
4232
|
+
"variant": "caption"
|
|
4254
4233
|
},
|
|
4255
4234
|
{
|
|
4256
4235
|
"variant": "body",
|
|
4257
4236
|
"type": "typography",
|
|
4258
4237
|
"content": "@entity.paymentMethod"
|
|
4259
4238
|
}
|
|
4260
|
-
]
|
|
4261
|
-
"direction": "horizontal",
|
|
4262
|
-
"type": "stack",
|
|
4263
|
-
"gap": "md",
|
|
4264
|
-
"justify": "between"
|
|
4239
|
+
]
|
|
4265
4240
|
},
|
|
4266
4241
|
{
|
|
4267
|
-
"justify": "between",
|
|
4268
|
-
"type": "stack",
|
|
4269
|
-
"gap": "md",
|
|
4270
4242
|
"children": [
|
|
4271
4243
|
{
|
|
4272
|
-
"type": "typography",
|
|
4273
4244
|
"variant": "caption",
|
|
4245
|
+
"type": "typography",
|
|
4274
4246
|
"content": "Order Total"
|
|
4275
4247
|
},
|
|
4276
4248
|
{
|
|
@@ -4279,39 +4251,67 @@
|
|
|
4279
4251
|
"type": "typography"
|
|
4280
4252
|
}
|
|
4281
4253
|
],
|
|
4254
|
+
"type": "stack",
|
|
4255
|
+
"justify": "between",
|
|
4256
|
+
"gap": "md",
|
|
4282
4257
|
"direction": "horizontal"
|
|
4283
4258
|
},
|
|
4284
4259
|
{
|
|
4285
|
-
"type": "stack",
|
|
4286
|
-
"direction": "horizontal",
|
|
4287
4260
|
"justify": "between",
|
|
4261
|
+
"direction": "horizontal",
|
|
4262
|
+
"type": "stack",
|
|
4263
|
+
"gap": "md",
|
|
4288
4264
|
"children": [
|
|
4289
4265
|
{
|
|
4266
|
+
"type": "typography",
|
|
4290
4267
|
"variant": "caption",
|
|
4291
|
-
"content": "Status"
|
|
4292
|
-
"type": "typography"
|
|
4268
|
+
"content": "Status"
|
|
4293
4269
|
},
|
|
4294
4270
|
{
|
|
4295
|
-
"
|
|
4271
|
+
"variant": "body",
|
|
4296
4272
|
"content": "@entity.status",
|
|
4297
|
-
"
|
|
4273
|
+
"type": "typography"
|
|
4298
4274
|
}
|
|
4299
|
-
]
|
|
4300
|
-
"gap": "md"
|
|
4275
|
+
]
|
|
4301
4276
|
}
|
|
4302
|
-
]
|
|
4303
|
-
"type": "stack"
|
|
4277
|
+
]
|
|
4304
4278
|
},
|
|
4305
4279
|
{
|
|
4306
|
-
"type": "wizard-navigation",
|
|
4307
|
-
"showComplete": true,
|
|
4308
|
-
"showBack": true,
|
|
4309
4280
|
"showNext": false,
|
|
4281
|
+
"showComplete": true,
|
|
4310
4282
|
"currentStep": 3.0,
|
|
4311
|
-
"
|
|
4283
|
+
"type": "wizard-navigation",
|
|
4284
|
+
"totalSteps": 4.0,
|
|
4285
|
+
"showBack": true
|
|
4312
4286
|
}
|
|
4313
4287
|
],
|
|
4314
|
-
"gap": "lg"
|
|
4288
|
+
"gap": "lg",
|
|
4289
|
+
"direction": "vertical",
|
|
4290
|
+
"type": "stack"
|
|
4291
|
+
}
|
|
4292
|
+
],
|
|
4293
|
+
"type": "dashboard-layout",
|
|
4294
|
+
"appName": "EcommerceApp",
|
|
4295
|
+
"navItems": [
|
|
4296
|
+
{
|
|
4297
|
+
"icon": "package",
|
|
4298
|
+
"label": "Products",
|
|
4299
|
+
"href": "/products"
|
|
4300
|
+
},
|
|
4301
|
+
{
|
|
4302
|
+
"href": "/cart",
|
|
4303
|
+
"icon": "shopping-cart",
|
|
4304
|
+
"label": "Cart"
|
|
4305
|
+
},
|
|
4306
|
+
{
|
|
4307
|
+
"href": "/checkout",
|
|
4308
|
+
"label": "Checkout",
|
|
4309
|
+
"icon": "credit-card"
|
|
4310
|
+
},
|
|
4311
|
+
{
|
|
4312
|
+
"href": "/orders",
|
|
4313
|
+
"icon": "clipboard-list",
|
|
4314
|
+
"label": "Orders"
|
|
4315
4315
|
}
|
|
4316
4316
|
]
|
|
4317
4317
|
}
|
|
@@ -4338,38 +4338,62 @@
|
|
|
4338
4338
|
"main",
|
|
4339
4339
|
{
|
|
4340
4340
|
"appName": "EcommerceApp",
|
|
4341
|
+
"type": "dashboard-layout",
|
|
4342
|
+
"navItems": [
|
|
4343
|
+
{
|
|
4344
|
+
"href": "/products",
|
|
4345
|
+
"label": "Products",
|
|
4346
|
+
"icon": "package"
|
|
4347
|
+
},
|
|
4348
|
+
{
|
|
4349
|
+
"icon": "shopping-cart",
|
|
4350
|
+
"label": "Cart",
|
|
4351
|
+
"href": "/cart"
|
|
4352
|
+
},
|
|
4353
|
+
{
|
|
4354
|
+
"icon": "credit-card",
|
|
4355
|
+
"href": "/checkout",
|
|
4356
|
+
"label": "Checkout"
|
|
4357
|
+
},
|
|
4358
|
+
{
|
|
4359
|
+
"href": "/orders",
|
|
4360
|
+
"icon": "clipboard-list",
|
|
4361
|
+
"label": "Orders"
|
|
4362
|
+
}
|
|
4363
|
+
],
|
|
4341
4364
|
"children": [
|
|
4342
4365
|
{
|
|
4343
4366
|
"children": [
|
|
4344
4367
|
{
|
|
4345
|
-
"direction": "vertical",
|
|
4346
4368
|
"gap": "lg",
|
|
4369
|
+
"direction": "vertical",
|
|
4370
|
+
"type": "stack",
|
|
4347
4371
|
"children": [
|
|
4348
4372
|
{
|
|
4349
|
-
"gap": "sm",
|
|
4350
|
-
"type": "stack",
|
|
4351
4373
|
"align": "center",
|
|
4374
|
+
"gap": "sm",
|
|
4352
4375
|
"direction": "horizontal",
|
|
4353
4376
|
"children": [
|
|
4354
4377
|
{
|
|
4355
|
-
"
|
|
4356
|
-
"
|
|
4378
|
+
"name": "credit-card",
|
|
4379
|
+
"type": "icon"
|
|
4357
4380
|
},
|
|
4358
4381
|
{
|
|
4359
|
-
"
|
|
4382
|
+
"content": "Checkout",
|
|
4360
4383
|
"variant": "h2",
|
|
4361
|
-
"
|
|
4384
|
+
"type": "typography"
|
|
4362
4385
|
}
|
|
4363
|
-
]
|
|
4386
|
+
],
|
|
4387
|
+
"type": "stack"
|
|
4364
4388
|
},
|
|
4365
4389
|
{
|
|
4366
|
-
"type": "progress-dots",
|
|
4367
4390
|
"count": 3.0,
|
|
4391
|
+
"type": "progress-dots",
|
|
4368
4392
|
"currentIndex": 1.0
|
|
4369
4393
|
},
|
|
4370
4394
|
{
|
|
4371
|
-
"type": "wizard-progress",
|
|
4372
4395
|
"currentStep": 1.0,
|
|
4396
|
+
"type": "wizard-progress",
|
|
4373
4397
|
"steps": [
|
|
4374
4398
|
"Customer Info",
|
|
4375
4399
|
"Shipping",
|
|
@@ -4380,71 +4404,47 @@
|
|
|
4380
4404
|
"type": "divider"
|
|
4381
4405
|
},
|
|
4382
4406
|
{
|
|
4407
|
+
"type": "typography",
|
|
4383
4408
|
"variant": "h3",
|
|
4384
|
-
"content": "Shipping"
|
|
4385
|
-
"type": "typography"
|
|
4409
|
+
"content": "Shipping"
|
|
4386
4410
|
},
|
|
4387
4411
|
{
|
|
4388
|
-
"mode": "create",
|
|
4389
4412
|
"cancelEvent": "PREV",
|
|
4390
4413
|
"fields": [
|
|
4391
4414
|
"shippingAddress"
|
|
4392
4415
|
],
|
|
4393
|
-
"
|
|
4394
|
-
"submitEvent": "NEXT"
|
|
4416
|
+
"mode": "create",
|
|
4417
|
+
"submitEvent": "NEXT",
|
|
4418
|
+
"type": "form-section"
|
|
4395
4419
|
},
|
|
4396
4420
|
{
|
|
4421
|
+
"direction": "horizontal",
|
|
4397
4422
|
"type": "stack",
|
|
4398
|
-
"gap": "sm",
|
|
4399
4423
|
"justify": "end",
|
|
4400
|
-
"
|
|
4424
|
+
"gap": "sm",
|
|
4401
4425
|
"children": [
|
|
4402
4426
|
{
|
|
4403
4427
|
"icon": "arrow-left",
|
|
4404
|
-
"variant": "ghost",
|
|
4405
4428
|
"action": "PREV",
|
|
4429
|
+
"label": "Back",
|
|
4406
4430
|
"type": "button",
|
|
4407
|
-
"
|
|
4431
|
+
"variant": "ghost"
|
|
4408
4432
|
},
|
|
4409
4433
|
{
|
|
4434
|
+
"icon": "arrow-right",
|
|
4410
4435
|
"variant": "primary",
|
|
4436
|
+
"action": "NEXT",
|
|
4411
4437
|
"type": "button",
|
|
4412
|
-
"
|
|
4413
|
-
"label": "Next",
|
|
4414
|
-
"action": "NEXT"
|
|
4438
|
+
"label": "Next"
|
|
4415
4439
|
}
|
|
4416
4440
|
]
|
|
4417
4441
|
}
|
|
4418
|
-
]
|
|
4419
|
-
"type": "stack"
|
|
4442
|
+
]
|
|
4420
4443
|
}
|
|
4421
4444
|
],
|
|
4422
|
-
"
|
|
4445
|
+
"padding": "lg",
|
|
4423
4446
|
"maxWidth": "lg",
|
|
4424
|
-
"
|
|
4425
|
-
}
|
|
4426
|
-
],
|
|
4427
|
-
"type": "dashboard-layout",
|
|
4428
|
-
"navItems": [
|
|
4429
|
-
{
|
|
4430
|
-
"icon": "package",
|
|
4431
|
-
"label": "Products",
|
|
4432
|
-
"href": "/products"
|
|
4433
|
-
},
|
|
4434
|
-
{
|
|
4435
|
-
"href": "/cart",
|
|
4436
|
-
"label": "Cart",
|
|
4437
|
-
"icon": "shopping-cart"
|
|
4438
|
-
},
|
|
4439
|
-
{
|
|
4440
|
-
"href": "/checkout",
|
|
4441
|
-
"icon": "credit-card",
|
|
4442
|
-
"label": "Checkout"
|
|
4443
|
-
},
|
|
4444
|
-
{
|
|
4445
|
-
"icon": "clipboard-list",
|
|
4446
|
-
"label": "Orders",
|
|
4447
|
-
"href": "/orders"
|
|
4447
|
+
"type": "container"
|
|
4448
4448
|
}
|
|
4449
4449
|
]
|
|
4450
4450
|
}
|
|
@@ -4461,8 +4461,8 @@
|
|
|
4461
4461
|
"Checkout",
|
|
4462
4462
|
{
|
|
4463
4463
|
"emit": {
|
|
4464
|
-
"
|
|
4465
|
-
"
|
|
4464
|
+
"failure": "CheckoutLoadFailed",
|
|
4465
|
+
"success": "CheckoutLoaded"
|
|
4466
4466
|
}
|
|
4467
4467
|
}
|
|
4468
4468
|
],
|
|
@@ -4475,37 +4475,37 @@
|
|
|
4475
4475
|
"children": [
|
|
4476
4476
|
{
|
|
4477
4477
|
"padding": "lg",
|
|
4478
|
-
"type": "container",
|
|
4479
|
-
"maxWidth": "lg",
|
|
4480
4478
|
"children": [
|
|
4481
4479
|
{
|
|
4480
|
+
"direction": "vertical",
|
|
4481
|
+
"gap": "lg",
|
|
4482
4482
|
"type": "stack",
|
|
4483
4483
|
"children": [
|
|
4484
4484
|
{
|
|
4485
|
-
"type": "stack",
|
|
4486
4485
|
"direction": "horizontal",
|
|
4487
4486
|
"gap": "sm",
|
|
4487
|
+
"type": "stack",
|
|
4488
4488
|
"align": "center",
|
|
4489
4489
|
"children": [
|
|
4490
4490
|
{
|
|
4491
|
-
"
|
|
4492
|
-
"
|
|
4491
|
+
"type": "icon",
|
|
4492
|
+
"name": "credit-card"
|
|
4493
4493
|
},
|
|
4494
4494
|
{
|
|
4495
|
-
"content": "Checkout",
|
|
4496
4495
|
"variant": "h2",
|
|
4497
|
-
"type": "typography"
|
|
4496
|
+
"type": "typography",
|
|
4497
|
+
"content": "Checkout"
|
|
4498
4498
|
}
|
|
4499
4499
|
]
|
|
4500
4500
|
},
|
|
4501
4501
|
{
|
|
4502
|
-
"currentIndex": 2.0,
|
|
4503
4502
|
"count": 3.0,
|
|
4504
|
-
"type": "progress-dots"
|
|
4503
|
+
"type": "progress-dots",
|
|
4504
|
+
"currentIndex": 2.0
|
|
4505
4505
|
},
|
|
4506
4506
|
{
|
|
4507
|
-
"type": "wizard-progress",
|
|
4508
4507
|
"currentStep": 2.0,
|
|
4508
|
+
"type": "wizard-progress",
|
|
4509
4509
|
"steps": [
|
|
4510
4510
|
"Customer Info",
|
|
4511
4511
|
"Shipping",
|
|
@@ -4516,46 +4516,46 @@
|
|
|
4516
4516
|
"type": "divider"
|
|
4517
4517
|
},
|
|
4518
4518
|
{
|
|
4519
|
+
"content": "Payment",
|
|
4519
4520
|
"variant": "h3",
|
|
4520
|
-
"type": "typography"
|
|
4521
|
-
"content": "Payment"
|
|
4521
|
+
"type": "typography"
|
|
4522
4522
|
},
|
|
4523
4523
|
{
|
|
4524
|
-
"mode": "create",
|
|
4525
|
-
"submitEvent": "NEXT",
|
|
4526
|
-
"cancelEvent": "PREV",
|
|
4527
4524
|
"type": "form-section",
|
|
4528
4525
|
"fields": [
|
|
4529
4526
|
"paymentMethod"
|
|
4530
|
-
]
|
|
4527
|
+
],
|
|
4528
|
+
"mode": "create",
|
|
4529
|
+
"submitEvent": "NEXT",
|
|
4530
|
+
"cancelEvent": "PREV"
|
|
4531
4531
|
},
|
|
4532
4532
|
{
|
|
4533
|
+
"type": "stack",
|
|
4534
|
+
"gap": "sm",
|
|
4535
|
+
"justify": "end",
|
|
4533
4536
|
"children": [
|
|
4534
4537
|
{
|
|
4535
4538
|
"variant": "ghost",
|
|
4536
|
-
"label": "Back",
|
|
4537
|
-
"type": "button",
|
|
4538
4539
|
"action": "PREV",
|
|
4539
|
-
"icon": "arrow-left"
|
|
4540
|
+
"icon": "arrow-left",
|
|
4541
|
+
"type": "button",
|
|
4542
|
+
"label": "Back"
|
|
4540
4543
|
},
|
|
4541
4544
|
{
|
|
4542
4545
|
"action": "NEXT",
|
|
4546
|
+
"variant": "primary",
|
|
4543
4547
|
"icon": "arrow-right",
|
|
4544
4548
|
"type": "button",
|
|
4545
|
-
"variant": "primary",
|
|
4546
4549
|
"label": "Next"
|
|
4547
4550
|
}
|
|
4548
4551
|
],
|
|
4549
|
-
"direction": "horizontal"
|
|
4550
|
-
"justify": "end",
|
|
4551
|
-
"type": "stack",
|
|
4552
|
-
"gap": "sm"
|
|
4552
|
+
"direction": "horizontal"
|
|
4553
4553
|
}
|
|
4554
|
-
]
|
|
4555
|
-
"direction": "vertical",
|
|
4556
|
-
"gap": "lg"
|
|
4554
|
+
]
|
|
4557
4555
|
}
|
|
4558
|
-
]
|
|
4556
|
+
],
|
|
4557
|
+
"maxWidth": "lg",
|
|
4558
|
+
"type": "container"
|
|
4559
4559
|
}
|
|
4560
4560
|
],
|
|
4561
4561
|
"navItems": [
|
|
@@ -4565,8 +4565,8 @@
|
|
|
4565
4565
|
"href": "/products"
|
|
4566
4566
|
},
|
|
4567
4567
|
{
|
|
4568
|
-
"href": "/cart",
|
|
4569
4568
|
"label": "Cart",
|
|
4569
|
+
"href": "/cart",
|
|
4570
4570
|
"icon": "shopping-cart"
|
|
4571
4571
|
},
|
|
4572
4572
|
{
|
|
@@ -4596,8 +4596,8 @@
|
|
|
4596
4596
|
"@payload.data",
|
|
4597
4597
|
{
|
|
4598
4598
|
"emit": {
|
|
4599
|
-
"
|
|
4600
|
-
"
|
|
4599
|
+
"success": "CheckoutSaved",
|
|
4600
|
+
"failure": "CheckoutSaveFailed"
|
|
4601
4601
|
}
|
|
4602
4602
|
}
|
|
4603
4603
|
],
|
|
@@ -4610,61 +4610,61 @@
|
|
|
4610
4610
|
"render-ui",
|
|
4611
4611
|
"main",
|
|
4612
4612
|
{
|
|
4613
|
+
"navItems": [
|
|
4614
|
+
{
|
|
4615
|
+
"href": "/products",
|
|
4616
|
+
"icon": "package",
|
|
4617
|
+
"label": "Products"
|
|
4618
|
+
},
|
|
4619
|
+
{
|
|
4620
|
+
"icon": "shopping-cart",
|
|
4621
|
+
"label": "Cart",
|
|
4622
|
+
"href": "/cart"
|
|
4623
|
+
},
|
|
4624
|
+
{
|
|
4625
|
+
"label": "Checkout",
|
|
4626
|
+
"icon": "credit-card",
|
|
4627
|
+
"href": "/checkout"
|
|
4628
|
+
},
|
|
4629
|
+
{
|
|
4630
|
+
"label": "Orders",
|
|
4631
|
+
"href": "/orders",
|
|
4632
|
+
"icon": "clipboard-list"
|
|
4633
|
+
}
|
|
4634
|
+
],
|
|
4613
4635
|
"children": [
|
|
4614
4636
|
{
|
|
4615
|
-
"type": "stack",
|
|
4616
4637
|
"align": "center",
|
|
4638
|
+
"gap": "lg",
|
|
4639
|
+
"direction": "vertical",
|
|
4640
|
+
"type": "stack",
|
|
4617
4641
|
"children": [
|
|
4618
4642
|
{
|
|
4619
|
-
"
|
|
4620
|
-
"
|
|
4643
|
+
"name": "check-circle",
|
|
4644
|
+
"type": "icon"
|
|
4621
4645
|
},
|
|
4622
4646
|
{
|
|
4623
4647
|
"type": "typography",
|
|
4624
|
-
"
|
|
4625
|
-
"
|
|
4648
|
+
"content": "Order Placed",
|
|
4649
|
+
"variant": "h2"
|
|
4626
4650
|
},
|
|
4627
4651
|
{
|
|
4628
|
-
"content": "Your order has been placed successfully.",
|
|
4629
4652
|
"variant": "body",
|
|
4630
|
-
"type": "typography"
|
|
4653
|
+
"type": "typography",
|
|
4654
|
+
"content": "Your order has been placed successfully."
|
|
4631
4655
|
},
|
|
4632
4656
|
{
|
|
4633
|
-
"
|
|
4634
|
-
"icon": "refresh-cw",
|
|
4635
|
-
"label": "Start New",
|
|
4657
|
+
"type": "button",
|
|
4636
4658
|
"action": "RESTART",
|
|
4637
|
-
"
|
|
4659
|
+
"label": "Start New",
|
|
4660
|
+
"variant": "primary",
|
|
4661
|
+
"icon": "refresh-cw"
|
|
4638
4662
|
}
|
|
4639
|
-
]
|
|
4640
|
-
"gap": "lg",
|
|
4641
|
-
"direction": "vertical"
|
|
4663
|
+
]
|
|
4642
4664
|
}
|
|
4643
4665
|
],
|
|
4644
|
-
"appName": "EcommerceApp",
|
|
4645
4666
|
"type": "dashboard-layout",
|
|
4646
|
-
"
|
|
4647
|
-
{
|
|
4648
|
-
"href": "/products",
|
|
4649
|
-
"label": "Products",
|
|
4650
|
-
"icon": "package"
|
|
4651
|
-
},
|
|
4652
|
-
{
|
|
4653
|
-
"href": "/cart",
|
|
4654
|
-
"label": "Cart",
|
|
4655
|
-
"icon": "shopping-cart"
|
|
4656
|
-
},
|
|
4657
|
-
{
|
|
4658
|
-
"href": "/checkout",
|
|
4659
|
-
"label": "Checkout",
|
|
4660
|
-
"icon": "credit-card"
|
|
4661
|
-
},
|
|
4662
|
-
{
|
|
4663
|
-
"label": "Orders",
|
|
4664
|
-
"icon": "clipboard-list",
|
|
4665
|
-
"href": "/orders"
|
|
4666
|
-
}
|
|
4667
|
-
]
|
|
4667
|
+
"appName": "EcommerceApp"
|
|
4668
4668
|
}
|
|
4669
4669
|
]
|
|
4670
4670
|
]
|
|
@@ -4688,6 +4688,7 @@
|
|
|
4688
4688
|
"render-ui",
|
|
4689
4689
|
"main",
|
|
4690
4690
|
{
|
|
4691
|
+
"appName": "EcommerceApp",
|
|
4691
4692
|
"navItems": [
|
|
4692
4693
|
{
|
|
4693
4694
|
"icon": "package",
|
|
@@ -4695,9 +4696,9 @@
|
|
|
4695
4696
|
"label": "Products"
|
|
4696
4697
|
},
|
|
4697
4698
|
{
|
|
4698
|
-
"label": "Cart",
|
|
4699
4699
|
"href": "/cart",
|
|
4700
|
-
"icon": "shopping-cart"
|
|
4700
|
+
"icon": "shopping-cart",
|
|
4701
|
+
"label": "Cart"
|
|
4701
4702
|
},
|
|
4702
4703
|
{
|
|
4703
4704
|
"href": "/checkout",
|
|
@@ -4705,25 +4706,23 @@
|
|
|
4705
4706
|
"label": "Checkout"
|
|
4706
4707
|
},
|
|
4707
4708
|
{
|
|
4708
|
-
"icon": "clipboard-list",
|
|
4709
4709
|
"href": "/orders",
|
|
4710
|
+
"icon": "clipboard-list",
|
|
4710
4711
|
"label": "Orders"
|
|
4711
4712
|
}
|
|
4712
4713
|
],
|
|
4713
4714
|
"type": "dashboard-layout",
|
|
4714
|
-
"appName": "EcommerceApp",
|
|
4715
4715
|
"children": [
|
|
4716
4716
|
{
|
|
4717
|
+
"type": "container",
|
|
4718
|
+
"maxWidth": "lg",
|
|
4719
|
+
"padding": "lg",
|
|
4717
4720
|
"children": [
|
|
4718
4721
|
{
|
|
4719
|
-
"direction": "vertical",
|
|
4720
4722
|
"gap": "lg",
|
|
4721
|
-
"
|
|
4723
|
+
"direction": "vertical",
|
|
4722
4724
|
"children": [
|
|
4723
4725
|
{
|
|
4724
|
-
"align": "center",
|
|
4725
|
-
"gap": "sm",
|
|
4726
|
-
"type": "stack",
|
|
4727
4726
|
"direction": "horizontal",
|
|
4728
4727
|
"children": [
|
|
4729
4728
|
{
|
|
@@ -4731,15 +4730,18 @@
|
|
|
4731
4730
|
"type": "icon"
|
|
4732
4731
|
},
|
|
4733
4732
|
{
|
|
4733
|
+
"variant": "h2",
|
|
4734
4734
|
"content": "Checkout",
|
|
4735
|
-
"type": "typography"
|
|
4736
|
-
"variant": "h2"
|
|
4735
|
+
"type": "typography"
|
|
4737
4736
|
}
|
|
4738
|
-
]
|
|
4737
|
+
],
|
|
4738
|
+
"type": "stack",
|
|
4739
|
+
"align": "center",
|
|
4740
|
+
"gap": "sm"
|
|
4739
4741
|
},
|
|
4740
4742
|
{
|
|
4741
|
-
"type": "progress-dots",
|
|
4742
4743
|
"count": 3.0,
|
|
4744
|
+
"type": "progress-dots",
|
|
4743
4745
|
"currentIndex": 0.0
|
|
4744
4746
|
},
|
|
4745
4747
|
{
|
|
@@ -4756,40 +4758,38 @@
|
|
|
4756
4758
|
},
|
|
4757
4759
|
{
|
|
4758
4760
|
"type": "typography",
|
|
4759
|
-
"
|
|
4760
|
-
"
|
|
4761
|
+
"variant": "h3",
|
|
4762
|
+
"content": "Customer Info"
|
|
4761
4763
|
},
|
|
4762
4764
|
{
|
|
4765
|
+
"mode": "create",
|
|
4766
|
+
"cancelEvent": "INIT",
|
|
4767
|
+
"submitEvent": "NEXT",
|
|
4763
4768
|
"fields": [
|
|
4764
4769
|
"customerName",
|
|
4765
4770
|
"email"
|
|
4766
4771
|
],
|
|
4767
|
-
"
|
|
4768
|
-
"type": "form-section",
|
|
4769
|
-
"submitEvent": "NEXT",
|
|
4770
|
-
"cancelEvent": "INIT"
|
|
4772
|
+
"type": "form-section"
|
|
4771
4773
|
},
|
|
4772
4774
|
{
|
|
4773
|
-
"
|
|
4774
|
-
"gap": "sm",
|
|
4775
|
-
"justify": "end",
|
|
4775
|
+
"direction": "horizontal",
|
|
4776
4776
|
"children": [
|
|
4777
4777
|
{
|
|
4778
|
+
"variant": "primary",
|
|
4779
|
+
"type": "button",
|
|
4778
4780
|
"label": "Next",
|
|
4779
4781
|
"icon": "arrow-right",
|
|
4780
|
-
"
|
|
4781
|
-
"action": "NEXT",
|
|
4782
|
-
"variant": "primary"
|
|
4782
|
+
"action": "NEXT"
|
|
4783
4783
|
}
|
|
4784
4784
|
],
|
|
4785
|
-
"
|
|
4785
|
+
"gap": "sm",
|
|
4786
|
+
"justify": "end",
|
|
4787
|
+
"type": "stack"
|
|
4786
4788
|
}
|
|
4787
|
-
]
|
|
4789
|
+
],
|
|
4790
|
+
"type": "stack"
|
|
4788
4791
|
}
|
|
4789
|
-
]
|
|
4790
|
-
"type": "container",
|
|
4791
|
-
"padding": "lg",
|
|
4792
|
-
"maxWidth": "lg"
|
|
4792
|
+
]
|
|
4793
4793
|
}
|
|
4794
4794
|
]
|
|
4795
4795
|
}
|
|
@@ -4815,27 +4815,26 @@
|
|
|
4815
4815
|
"render-ui",
|
|
4816
4816
|
"main",
|
|
4817
4817
|
{
|
|
4818
|
-
"type": "dashboard-layout",
|
|
4819
4818
|
"navItems": [
|
|
4820
4819
|
{
|
|
4821
|
-
"
|
|
4820
|
+
"label": "Products",
|
|
4822
4821
|
"href": "/products",
|
|
4823
|
-
"
|
|
4822
|
+
"icon": "package"
|
|
4824
4823
|
},
|
|
4825
4824
|
{
|
|
4826
|
-
"href": "/cart",
|
|
4827
4825
|
"icon": "shopping-cart",
|
|
4826
|
+
"href": "/cart",
|
|
4828
4827
|
"label": "Cart"
|
|
4829
4828
|
},
|
|
4830
4829
|
{
|
|
4831
|
-
"href": "/checkout",
|
|
4832
4830
|
"icon": "credit-card",
|
|
4833
|
-
"label": "Checkout"
|
|
4831
|
+
"label": "Checkout",
|
|
4832
|
+
"href": "/checkout"
|
|
4834
4833
|
},
|
|
4835
4834
|
{
|
|
4835
|
+
"label": "Orders",
|
|
4836
4836
|
"href": "/orders",
|
|
4837
|
-
"icon": "clipboard-list"
|
|
4838
|
-
"label": "Orders"
|
|
4837
|
+
"icon": "clipboard-list"
|
|
4839
4838
|
}
|
|
4840
4839
|
],
|
|
4841
4840
|
"appName": "EcommerceApp",
|
|
@@ -4843,30 +4842,30 @@
|
|
|
4843
4842
|
{
|
|
4844
4843
|
"children": [
|
|
4845
4844
|
{
|
|
4845
|
+
"gap": "lg",
|
|
4846
4846
|
"type": "stack",
|
|
4847
4847
|
"direction": "vertical",
|
|
4848
|
-
"gap": "lg",
|
|
4849
4848
|
"children": [
|
|
4850
4849
|
{
|
|
4851
4850
|
"align": "center",
|
|
4851
|
+
"gap": "sm",
|
|
4852
|
+
"type": "stack",
|
|
4852
4853
|
"children": [
|
|
4853
4854
|
{
|
|
4854
4855
|
"name": "credit-card",
|
|
4855
4856
|
"type": "icon"
|
|
4856
4857
|
},
|
|
4857
4858
|
{
|
|
4859
|
+
"content": "Checkout",
|
|
4858
4860
|
"type": "typography",
|
|
4859
|
-
"variant": "h2"
|
|
4860
|
-
"content": "Checkout"
|
|
4861
|
+
"variant": "h2"
|
|
4861
4862
|
}
|
|
4862
4863
|
],
|
|
4863
|
-
"gap": "sm",
|
|
4864
|
-
"type": "stack",
|
|
4865
4864
|
"direction": "horizontal"
|
|
4866
4865
|
},
|
|
4867
4866
|
{
|
|
4868
|
-
"type": "progress-dots",
|
|
4869
4867
|
"count": 3.0,
|
|
4868
|
+
"type": "progress-dots",
|
|
4870
4869
|
"currentIndex": 0.0
|
|
4871
4870
|
},
|
|
4872
4871
|
{
|
|
@@ -4882,43 +4881,44 @@
|
|
|
4882
4881
|
"type": "divider"
|
|
4883
4882
|
},
|
|
4884
4883
|
{
|
|
4884
|
+
"content": "Customer Info",
|
|
4885
4885
|
"variant": "h3",
|
|
4886
|
-
"type": "typography"
|
|
4887
|
-
"content": "Customer Info"
|
|
4886
|
+
"type": "typography"
|
|
4888
4887
|
},
|
|
4889
4888
|
{
|
|
4889
|
+
"mode": "create",
|
|
4890
|
+
"cancelEvent": "INIT",
|
|
4891
|
+
"submitEvent": "NEXT",
|
|
4890
4892
|
"type": "form-section",
|
|
4891
4893
|
"fields": [
|
|
4892
4894
|
"customerName",
|
|
4893
4895
|
"email"
|
|
4894
|
-
]
|
|
4895
|
-
"cancelEvent": "INIT",
|
|
4896
|
-
"mode": "create",
|
|
4897
|
-
"submitEvent": "NEXT"
|
|
4896
|
+
]
|
|
4898
4897
|
},
|
|
4899
4898
|
{
|
|
4899
|
+
"direction": "horizontal",
|
|
4900
|
+
"justify": "end",
|
|
4900
4901
|
"children": [
|
|
4901
4902
|
{
|
|
4902
|
-
"action": "NEXT",
|
|
4903
|
-
"label": "Next",
|
|
4904
4903
|
"variant": "primary",
|
|
4905
4904
|
"type": "button",
|
|
4905
|
+
"action": "NEXT",
|
|
4906
|
+
"label": "Next",
|
|
4906
4907
|
"icon": "arrow-right"
|
|
4907
4908
|
}
|
|
4908
4909
|
],
|
|
4909
|
-
"
|
|
4910
|
-
"
|
|
4911
|
-
"gap": "sm",
|
|
4912
|
-
"type": "stack"
|
|
4910
|
+
"type": "stack",
|
|
4911
|
+
"gap": "sm"
|
|
4913
4912
|
}
|
|
4914
4913
|
]
|
|
4915
4914
|
}
|
|
4916
4915
|
],
|
|
4917
|
-
"maxWidth": "lg",
|
|
4918
4916
|
"type": "container",
|
|
4919
|
-
"padding": "lg"
|
|
4917
|
+
"padding": "lg",
|
|
4918
|
+
"maxWidth": "lg"
|
|
4920
4919
|
}
|
|
4921
|
-
]
|
|
4920
|
+
],
|
|
4921
|
+
"type": "dashboard-layout"
|
|
4922
4922
|
}
|
|
4923
4923
|
]
|
|
4924
4924
|
]
|
|
@@ -5101,8 +5101,8 @@
|
|
|
5101
5101
|
"OrderRecord",
|
|
5102
5102
|
{
|
|
5103
5103
|
"emit": {
|
|
5104
|
-
"
|
|
5105
|
-
"
|
|
5104
|
+
"success": "OrderRecordLoaded",
|
|
5105
|
+
"failure": "OrderRecordLoadFailed"
|
|
5106
5106
|
}
|
|
5107
5107
|
}
|
|
5108
5108
|
],
|
|
@@ -5110,22 +5110,22 @@
|
|
|
5110
5110
|
"render-ui",
|
|
5111
5111
|
"main",
|
|
5112
5112
|
{
|
|
5113
|
+
"align": "center",
|
|
5114
|
+
"direction": "vertical",
|
|
5113
5115
|
"type": "stack",
|
|
5114
|
-
"
|
|
5116
|
+
"gap": "md",
|
|
5115
5117
|
"children": [
|
|
5116
5118
|
{
|
|
5117
5119
|
"type": "spinner"
|
|
5118
5120
|
},
|
|
5119
5121
|
{
|
|
5120
5122
|
"type": "typography",
|
|
5123
|
+
"variant": "caption",
|
|
5121
5124
|
"color": "muted",
|
|
5122
|
-
"content": "Loading…"
|
|
5123
|
-
"variant": "caption"
|
|
5125
|
+
"content": "Loading…"
|
|
5124
5126
|
}
|
|
5125
5127
|
],
|
|
5126
|
-
"
|
|
5127
|
-
"align": "center",
|
|
5128
|
-
"gap": "md"
|
|
5128
|
+
"className": "py-12"
|
|
5129
5129
|
}
|
|
5130
5130
|
]
|
|
5131
5131
|
]
|
|
@@ -5139,134 +5139,134 @@
|
|
|
5139
5139
|
"render-ui",
|
|
5140
5140
|
"main",
|
|
5141
5141
|
{
|
|
5142
|
-
"navItems": [
|
|
5143
|
-
{
|
|
5144
|
-
"label": "Products",
|
|
5145
|
-
"icon": "package",
|
|
5146
|
-
"href": "/products"
|
|
5147
|
-
},
|
|
5148
|
-
{
|
|
5149
|
-
"label": "Cart",
|
|
5150
|
-
"icon": "shopping-cart",
|
|
5151
|
-
"href": "/cart"
|
|
5152
|
-
},
|
|
5153
|
-
{
|
|
5154
|
-
"label": "Checkout",
|
|
5155
|
-
"icon": "credit-card",
|
|
5156
|
-
"href": "/checkout"
|
|
5157
|
-
},
|
|
5158
|
-
{
|
|
5159
|
-
"href": "/orders",
|
|
5160
|
-
"icon": "clipboard-list",
|
|
5161
|
-
"label": "Orders"
|
|
5162
|
-
}
|
|
5163
|
-
],
|
|
5164
|
-
"type": "dashboard-layout",
|
|
5165
|
-
"appName": "EcommerceApp",
|
|
5166
5142
|
"children": [
|
|
5167
5143
|
{
|
|
5168
|
-
"direction": "vertical",
|
|
5169
|
-
"type": "stack",
|
|
5170
|
-
"gap": "lg",
|
|
5171
5144
|
"children": [
|
|
5172
5145
|
{
|
|
5173
5146
|
"justify": "between",
|
|
5147
|
+
"direction": "horizontal",
|
|
5174
5148
|
"type": "stack",
|
|
5149
|
+
"align": "center",
|
|
5175
5150
|
"gap": "md",
|
|
5176
|
-
"direction": "horizontal",
|
|
5177
5151
|
"children": [
|
|
5178
5152
|
{
|
|
5179
|
-
"
|
|
5153
|
+
"type": "stack",
|
|
5180
5154
|
"align": "center",
|
|
5181
|
-
"direction": "horizontal",
|
|
5182
5155
|
"children": [
|
|
5183
5156
|
{
|
|
5184
5157
|
"name": "clipboard-list",
|
|
5185
5158
|
"type": "icon"
|
|
5186
5159
|
},
|
|
5187
5160
|
{
|
|
5161
|
+
"content": "Order History",
|
|
5188
5162
|
"type": "typography",
|
|
5189
|
-
"variant": "h2"
|
|
5190
|
-
"content": "Order History"
|
|
5163
|
+
"variant": "h2"
|
|
5191
5164
|
}
|
|
5192
5165
|
],
|
|
5193
|
-
"
|
|
5166
|
+
"direction": "horizontal",
|
|
5167
|
+
"gap": "sm"
|
|
5194
5168
|
},
|
|
5195
5169
|
{
|
|
5196
|
-
"gap": "sm",
|
|
5197
5170
|
"children": [
|
|
5198
5171
|
{
|
|
5172
|
+
"label": "Create OrderRecord",
|
|
5199
5173
|
"type": "button",
|
|
5174
|
+
"action": "CREATE",
|
|
5200
5175
|
"icon": "plus",
|
|
5201
|
-
"variant": "primary"
|
|
5202
|
-
"label": "Create OrderRecord",
|
|
5203
|
-
"action": "CREATE"
|
|
5176
|
+
"variant": "primary"
|
|
5204
5177
|
}
|
|
5205
5178
|
],
|
|
5206
5179
|
"type": "stack",
|
|
5180
|
+
"gap": "sm",
|
|
5207
5181
|
"direction": "horizontal"
|
|
5208
5182
|
}
|
|
5209
|
-
]
|
|
5210
|
-
"align": "center"
|
|
5183
|
+
]
|
|
5211
5184
|
},
|
|
5212
5185
|
{
|
|
5213
5186
|
"type": "divider"
|
|
5214
5187
|
},
|
|
5215
5188
|
{
|
|
5216
|
-
"
|
|
5189
|
+
"entity": "@payload.data",
|
|
5190
|
+
"itemActions": [
|
|
5217
5191
|
{
|
|
5218
|
-
"label": "
|
|
5219
|
-
"
|
|
5220
|
-
"
|
|
5221
|
-
"icon": "clipboard-list"
|
|
5192
|
+
"label": "View",
|
|
5193
|
+
"event": "VIEW",
|
|
5194
|
+
"variant": "ghost"
|
|
5222
5195
|
},
|
|
5223
5196
|
{
|
|
5224
|
-
"
|
|
5225
|
-
"variant": "
|
|
5197
|
+
"event": "EDIT",
|
|
5198
|
+
"variant": "ghost",
|
|
5199
|
+
"label": "Edit"
|
|
5226
5200
|
},
|
|
5227
5201
|
{
|
|
5228
|
-
"
|
|
5229
|
-
"
|
|
5230
|
-
"
|
|
5231
|
-
|
|
5202
|
+
"event": "DELETE",
|
|
5203
|
+
"variant": "danger",
|
|
5204
|
+
"label": "Delete"
|
|
5205
|
+
}
|
|
5206
|
+
],
|
|
5207
|
+
"columns": [
|
|
5208
|
+
{
|
|
5209
|
+
"label": "Customer",
|
|
5210
|
+
"icon": "clipboard-list",
|
|
5211
|
+
"name": "customerName",
|
|
5212
|
+
"variant": "h3"
|
|
5232
5213
|
},
|
|
5233
5214
|
{
|
|
5234
|
-
"
|
|
5235
|
-
"
|
|
5215
|
+
"variant": "badge",
|
|
5216
|
+
"name": "status"
|
|
5236
5217
|
},
|
|
5237
5218
|
{
|
|
5238
|
-
"
|
|
5239
|
-
"
|
|
5240
|
-
"
|
|
5241
|
-
|
|
5242
|
-
],
|
|
5243
|
-
"fields": [],
|
|
5244
|
-
"type": "data-list",
|
|
5245
|
-
"entity": "@payload.data",
|
|
5246
|
-
"itemActions": [
|
|
5247
|
-
{
|
|
5248
|
-
"event": "VIEW",
|
|
5249
|
-
"label": "View",
|
|
5250
|
-
"variant": "ghost"
|
|
5219
|
+
"name": "orderTotal",
|
|
5220
|
+
"format": "currency",
|
|
5221
|
+
"label": "Total",
|
|
5222
|
+
"variant": "h4"
|
|
5251
5223
|
},
|
|
5252
5224
|
{
|
|
5253
|
-
"
|
|
5254
|
-
"
|
|
5255
|
-
"variant": "ghost"
|
|
5225
|
+
"variant": "caption",
|
|
5226
|
+
"name": "email"
|
|
5256
5227
|
},
|
|
5257
5228
|
{
|
|
5258
|
-
"
|
|
5259
|
-
"
|
|
5260
|
-
"
|
|
5229
|
+
"name": "shippingAddress",
|
|
5230
|
+
"label": "Address",
|
|
5231
|
+
"variant": "caption"
|
|
5261
5232
|
}
|
|
5262
5233
|
],
|
|
5263
5234
|
"variant": "card",
|
|
5235
|
+
"type": "data-list",
|
|
5236
|
+
"fields": [],
|
|
5264
5237
|
"gap": "sm"
|
|
5265
5238
|
}
|
|
5266
5239
|
],
|
|
5267
|
-
"
|
|
5240
|
+
"gap": "lg",
|
|
5241
|
+
"direction": "vertical",
|
|
5242
|
+
"className": "max-w-5xl mx-auto w-full",
|
|
5243
|
+
"type": "stack"
|
|
5268
5244
|
}
|
|
5269
|
-
]
|
|
5245
|
+
],
|
|
5246
|
+
"appName": "EcommerceApp",
|
|
5247
|
+
"navItems": [
|
|
5248
|
+
{
|
|
5249
|
+
"label": "Products",
|
|
5250
|
+
"icon": "package",
|
|
5251
|
+
"href": "/products"
|
|
5252
|
+
},
|
|
5253
|
+
{
|
|
5254
|
+
"icon": "shopping-cart",
|
|
5255
|
+
"href": "/cart",
|
|
5256
|
+
"label": "Cart"
|
|
5257
|
+
},
|
|
5258
|
+
{
|
|
5259
|
+
"icon": "credit-card",
|
|
5260
|
+
"href": "/checkout",
|
|
5261
|
+
"label": "Checkout"
|
|
5262
|
+
},
|
|
5263
|
+
{
|
|
5264
|
+
"href": "/orders",
|
|
5265
|
+
"label": "Orders",
|
|
5266
|
+
"icon": "clipboard-list"
|
|
5267
|
+
}
|
|
5268
|
+
],
|
|
5269
|
+
"type": "dashboard-layout"
|
|
5270
5270
|
}
|
|
5271
5271
|
]
|
|
5272
5272
|
]
|
|
@@ -5280,36 +5280,36 @@
|
|
|
5280
5280
|
"render-ui",
|
|
5281
5281
|
"main",
|
|
5282
5282
|
{
|
|
5283
|
+
"type": "stack",
|
|
5284
|
+
"align": "center",
|
|
5285
|
+
"gap": "md",
|
|
5286
|
+
"className": "py-12",
|
|
5283
5287
|
"children": [
|
|
5284
5288
|
{
|
|
5289
|
+
"name": "alert-triangle",
|
|
5285
5290
|
"color": "destructive",
|
|
5286
|
-
"type": "icon"
|
|
5287
|
-
"name": "alert-triangle"
|
|
5291
|
+
"type": "icon"
|
|
5288
5292
|
},
|
|
5289
5293
|
{
|
|
5290
5294
|
"variant": "h3",
|
|
5291
|
-
"
|
|
5292
|
-
"
|
|
5295
|
+
"content": "Failed to load orderrecord",
|
|
5296
|
+
"type": "typography"
|
|
5293
5297
|
},
|
|
5294
5298
|
{
|
|
5295
|
-
"content": "@payload.error",
|
|
5296
5299
|
"color": "muted",
|
|
5297
|
-
"
|
|
5298
|
-
"
|
|
5300
|
+
"type": "typography",
|
|
5301
|
+
"content": "@payload.error",
|
|
5302
|
+
"variant": "body"
|
|
5299
5303
|
},
|
|
5300
5304
|
{
|
|
5301
|
-
"action": "INIT",
|
|
5302
|
-
"type": "button",
|
|
5303
|
-
"variant": "primary",
|
|
5304
5305
|
"icon": "rotate-ccw",
|
|
5305
|
-
"label": "Retry"
|
|
5306
|
+
"label": "Retry",
|
|
5307
|
+
"variant": "primary",
|
|
5308
|
+
"type": "button",
|
|
5309
|
+
"action": "INIT"
|
|
5306
5310
|
}
|
|
5307
5311
|
],
|
|
5308
|
-
"direction": "vertical"
|
|
5309
|
-
"type": "stack",
|
|
5310
|
-
"align": "center",
|
|
5311
|
-
"className": "py-12",
|
|
5312
|
-
"gap": "md"
|
|
5312
|
+
"direction": "vertical"
|
|
5313
5313
|
}
|
|
5314
5314
|
]
|
|
5315
5315
|
]
|
|
@@ -5494,29 +5494,32 @@
|
|
|
5494
5494
|
"render-ui",
|
|
5495
5495
|
"modal",
|
|
5496
5496
|
{
|
|
5497
|
+
"direction": "vertical",
|
|
5497
5498
|
"gap": "md",
|
|
5498
5499
|
"type": "stack",
|
|
5499
5500
|
"children": [
|
|
5500
5501
|
{
|
|
5501
|
-
"
|
|
5502
|
+
"gap": "sm",
|
|
5502
5503
|
"direction": "horizontal",
|
|
5504
|
+
"type": "stack",
|
|
5503
5505
|
"children": [
|
|
5504
5506
|
{
|
|
5505
|
-
"
|
|
5506
|
-
"
|
|
5507
|
+
"name": "plus-circle",
|
|
5508
|
+
"type": "icon"
|
|
5507
5509
|
},
|
|
5508
5510
|
{
|
|
5511
|
+
"content": "Create OrderRecord",
|
|
5509
5512
|
"variant": "h3",
|
|
5510
|
-
"type": "typography"
|
|
5511
|
-
"content": "Create OrderRecord"
|
|
5513
|
+
"type": "typography"
|
|
5512
5514
|
}
|
|
5513
|
-
]
|
|
5514
|
-
"gap": "sm"
|
|
5515
|
+
]
|
|
5515
5516
|
},
|
|
5516
5517
|
{
|
|
5517
5518
|
"type": "divider"
|
|
5518
5519
|
},
|
|
5519
5520
|
{
|
|
5521
|
+
"submitEvent": "SAVE",
|
|
5522
|
+
"type": "form-section",
|
|
5520
5523
|
"mode": "create",
|
|
5521
5524
|
"fields": [
|
|
5522
5525
|
"customerName",
|
|
@@ -5526,12 +5529,9 @@
|
|
|
5526
5529
|
"orderTotal",
|
|
5527
5530
|
"status"
|
|
5528
5531
|
],
|
|
5529
|
-
"submitEvent": "SAVE",
|
|
5530
|
-
"type": "form-section",
|
|
5531
5532
|
"cancelEvent": "CLOSE"
|
|
5532
5533
|
}
|
|
5533
|
-
]
|
|
5534
|
-
"direction": "vertical"
|
|
5534
|
+
]
|
|
5535
5535
|
}
|
|
5536
5536
|
]
|
|
5537
5537
|
]
|
|
@@ -5786,13 +5786,17 @@
|
|
|
5786
5786
|
"render-ui",
|
|
5787
5787
|
"modal",
|
|
5788
5788
|
{
|
|
5789
|
+
"type": "stack",
|
|
5790
|
+
"direction": "vertical",
|
|
5791
|
+
"gap": "md",
|
|
5789
5792
|
"children": [
|
|
5790
5793
|
{
|
|
5791
|
-
"
|
|
5794
|
+
"gap": "sm",
|
|
5795
|
+
"direction": "horizontal",
|
|
5792
5796
|
"children": [
|
|
5793
5797
|
{
|
|
5794
|
-
"
|
|
5795
|
-
"
|
|
5798
|
+
"type": "icon",
|
|
5799
|
+
"name": "edit"
|
|
5796
5800
|
},
|
|
5797
5801
|
{
|
|
5798
5802
|
"type": "typography",
|
|
@@ -5800,15 +5804,13 @@
|
|
|
5800
5804
|
"variant": "h3"
|
|
5801
5805
|
}
|
|
5802
5806
|
],
|
|
5803
|
-
"
|
|
5804
|
-
"gap": "sm"
|
|
5807
|
+
"type": "stack"
|
|
5805
5808
|
},
|
|
5806
5809
|
{
|
|
5807
5810
|
"type": "divider"
|
|
5808
5811
|
},
|
|
5809
5812
|
{
|
|
5810
5813
|
"mode": "edit",
|
|
5811
|
-
"type": "form-section",
|
|
5812
5814
|
"fields": [
|
|
5813
5815
|
"customerName",
|
|
5814
5816
|
"email",
|
|
@@ -5817,14 +5819,12 @@
|
|
|
5817
5819
|
"orderTotal",
|
|
5818
5820
|
"status"
|
|
5819
5821
|
],
|
|
5822
|
+
"entity": "@payload.row",
|
|
5820
5823
|
"submitEvent": "SAVE",
|
|
5821
5824
|
"cancelEvent": "CLOSE",
|
|
5822
|
-
"
|
|
5825
|
+
"type": "form-section"
|
|
5823
5826
|
}
|
|
5824
|
-
]
|
|
5825
|
-
"direction": "vertical",
|
|
5826
|
-
"gap": "md",
|
|
5827
|
-
"type": "stack"
|
|
5827
|
+
]
|
|
5828
5828
|
}
|
|
5829
5829
|
]
|
|
5830
5830
|
]
|
|
@@ -6003,127 +6003,130 @@
|
|
|
6003
6003
|
"fetch",
|
|
6004
6004
|
"OrderRecord",
|
|
6005
6005
|
{
|
|
6006
|
-
"id": "@payload.id",
|
|
6007
6006
|
"emit": {
|
|
6008
|
-
"
|
|
6009
|
-
"
|
|
6010
|
-
}
|
|
6007
|
+
"failure": "OrderRecordLoadFailed",
|
|
6008
|
+
"success": "OrderRecordLoaded"
|
|
6009
|
+
},
|
|
6010
|
+
"id": "@payload.id"
|
|
6011
6011
|
}
|
|
6012
6012
|
],
|
|
6013
6013
|
[
|
|
6014
6014
|
"render-ui",
|
|
6015
6015
|
"modal",
|
|
6016
6016
|
{
|
|
6017
|
-
"type": "stack",
|
|
6018
6017
|
"direction": "vertical",
|
|
6018
|
+
"gap": "md",
|
|
6019
|
+
"type": "stack",
|
|
6019
6020
|
"children": [
|
|
6020
6021
|
{
|
|
6021
6022
|
"direction": "horizontal",
|
|
6023
|
+
"gap": "sm",
|
|
6022
6024
|
"align": "center",
|
|
6025
|
+
"type": "stack",
|
|
6023
6026
|
"children": [
|
|
6024
6027
|
{
|
|
6025
|
-
"
|
|
6026
|
-
"
|
|
6028
|
+
"type": "icon",
|
|
6029
|
+
"name": "eye"
|
|
6027
6030
|
},
|
|
6028
6031
|
{
|
|
6029
|
-
"variant": "h3",
|
|
6030
6032
|
"type": "typography",
|
|
6031
|
-
"content": "@entity.customerName"
|
|
6033
|
+
"content": "@entity.customerName",
|
|
6034
|
+
"variant": "h3"
|
|
6032
6035
|
}
|
|
6033
|
-
]
|
|
6034
|
-
"gap": "sm",
|
|
6035
|
-
"type": "stack"
|
|
6036
|
+
]
|
|
6036
6037
|
},
|
|
6037
6038
|
{
|
|
6038
6039
|
"type": "divider"
|
|
6039
6040
|
},
|
|
6040
6041
|
{
|
|
6041
|
-
"type": "stack",
|
|
6042
6042
|
"gap": "md",
|
|
6043
|
+
"type": "stack",
|
|
6044
|
+
"direction": "horizontal",
|
|
6043
6045
|
"children": [
|
|
6044
6046
|
{
|
|
6045
|
-
"content": "Customer Name",
|
|
6046
6047
|
"variant": "caption",
|
|
6048
|
+
"content": "Customer Name",
|
|
6047
6049
|
"type": "typography"
|
|
6048
6050
|
},
|
|
6049
6051
|
{
|
|
6050
|
-
"
|
|
6052
|
+
"type": "typography",
|
|
6051
6053
|
"variant": "body",
|
|
6052
|
-
"
|
|
6054
|
+
"content": "@entity.customerName"
|
|
6053
6055
|
}
|
|
6054
|
-
]
|
|
6055
|
-
"direction": "horizontal"
|
|
6056
|
+
]
|
|
6056
6057
|
},
|
|
6057
6058
|
{
|
|
6058
|
-
"type": "stack",
|
|
6059
|
-
"direction": "horizontal",
|
|
6060
6059
|
"gap": "md",
|
|
6061
6060
|
"children": [
|
|
6062
6061
|
{
|
|
6063
6062
|
"variant": "caption",
|
|
6064
|
-
"
|
|
6065
|
-
"
|
|
6063
|
+
"type": "typography",
|
|
6064
|
+
"content": "Email"
|
|
6066
6065
|
},
|
|
6067
6066
|
{
|
|
6068
|
-
"
|
|
6067
|
+
"type": "typography",
|
|
6069
6068
|
"content": "@entity.email",
|
|
6070
|
-
"
|
|
6069
|
+
"variant": "body"
|
|
6071
6070
|
}
|
|
6072
|
-
]
|
|
6071
|
+
],
|
|
6072
|
+
"direction": "horizontal",
|
|
6073
|
+
"type": "stack"
|
|
6073
6074
|
},
|
|
6074
6075
|
{
|
|
6075
|
-
"direction": "horizontal",
|
|
6076
|
-
"type": "stack",
|
|
6077
|
-
"gap": "md",
|
|
6078
6076
|
"children": [
|
|
6079
6077
|
{
|
|
6080
6078
|
"variant": "caption",
|
|
6081
|
-
"
|
|
6082
|
-
"
|
|
6079
|
+
"type": "typography",
|
|
6080
|
+
"content": "Shipping Address"
|
|
6083
6081
|
},
|
|
6084
6082
|
{
|
|
6085
6083
|
"variant": "body",
|
|
6086
6084
|
"content": "@entity.shippingAddress",
|
|
6087
6085
|
"type": "typography"
|
|
6088
6086
|
}
|
|
6089
|
-
]
|
|
6087
|
+
],
|
|
6088
|
+
"gap": "md",
|
|
6089
|
+
"type": "stack",
|
|
6090
|
+
"direction": "horizontal"
|
|
6090
6091
|
},
|
|
6091
6092
|
{
|
|
6092
|
-
"type": "stack",
|
|
6093
6093
|
"direction": "horizontal",
|
|
6094
|
+
"gap": "md",
|
|
6095
|
+
"type": "stack",
|
|
6094
6096
|
"children": [
|
|
6095
6097
|
{
|
|
6096
6098
|
"content": "Payment Method",
|
|
6097
|
-
"
|
|
6098
|
-
"
|
|
6099
|
+
"variant": "caption",
|
|
6100
|
+
"type": "typography"
|
|
6099
6101
|
},
|
|
6100
6102
|
{
|
|
6103
|
+
"type": "typography",
|
|
6101
6104
|
"variant": "body",
|
|
6102
|
-
"content": "@entity.paymentMethod"
|
|
6103
|
-
"type": "typography"
|
|
6105
|
+
"content": "@entity.paymentMethod"
|
|
6104
6106
|
}
|
|
6105
|
-
]
|
|
6106
|
-
"gap": "md"
|
|
6107
|
+
]
|
|
6107
6108
|
},
|
|
6108
6109
|
{
|
|
6109
|
-
"type": "stack",
|
|
6110
|
-
"direction": "horizontal",
|
|
6111
6110
|
"children": [
|
|
6112
6111
|
{
|
|
6113
|
-
"variant": "caption",
|
|
6114
6112
|
"type": "typography",
|
|
6115
|
-
"content": "Order Total"
|
|
6113
|
+
"content": "Order Total",
|
|
6114
|
+
"variant": "caption"
|
|
6116
6115
|
},
|
|
6117
6116
|
{
|
|
6118
|
-
"
|
|
6117
|
+
"variant": "body",
|
|
6119
6118
|
"content": "@entity.orderTotal",
|
|
6120
|
-
"
|
|
6119
|
+
"type": "typography"
|
|
6121
6120
|
}
|
|
6122
6121
|
],
|
|
6122
|
+
"direction": "horizontal",
|
|
6123
|
+
"type": "stack",
|
|
6123
6124
|
"gap": "md"
|
|
6124
6125
|
},
|
|
6125
6126
|
{
|
|
6127
|
+
"type": "stack",
|
|
6126
6128
|
"direction": "horizontal",
|
|
6129
|
+
"gap": "md",
|
|
6127
6130
|
"children": [
|
|
6128
6131
|
{
|
|
6129
6132
|
"variant": "caption",
|
|
@@ -6132,39 +6135,36 @@
|
|
|
6132
6135
|
},
|
|
6133
6136
|
{
|
|
6134
6137
|
"type": "typography",
|
|
6135
|
-
"
|
|
6136
|
-
"
|
|
6138
|
+
"content": "@entity.status",
|
|
6139
|
+
"variant": "body"
|
|
6137
6140
|
}
|
|
6138
|
-
]
|
|
6139
|
-
"gap": "md",
|
|
6140
|
-
"type": "stack"
|
|
6141
|
+
]
|
|
6141
6142
|
},
|
|
6142
6143
|
{
|
|
6143
6144
|
"type": "divider"
|
|
6144
6145
|
},
|
|
6145
6146
|
{
|
|
6146
|
-
"type": "stack",
|
|
6147
6147
|
"gap": "sm",
|
|
6148
|
-
"
|
|
6148
|
+
"type": "stack",
|
|
6149
6149
|
"direction": "horizontal",
|
|
6150
6150
|
"children": [
|
|
6151
6151
|
{
|
|
6152
|
+
"variant": "primary",
|
|
6152
6153
|
"type": "button",
|
|
6153
|
-
"action": "EDIT",
|
|
6154
|
-
"icon": "edit",
|
|
6155
6154
|
"label": "Edit",
|
|
6156
|
-
"
|
|
6155
|
+
"icon": "edit",
|
|
6156
|
+
"action": "EDIT"
|
|
6157
6157
|
},
|
|
6158
6158
|
{
|
|
6159
6159
|
"type": "button",
|
|
6160
|
-
"label": "Close",
|
|
6161
6160
|
"variant": "ghost",
|
|
6161
|
+
"label": "Close",
|
|
6162
6162
|
"action": "CLOSE"
|
|
6163
6163
|
}
|
|
6164
|
-
]
|
|
6164
|
+
],
|
|
6165
|
+
"justify": "end"
|
|
6165
6166
|
}
|
|
6166
|
-
]
|
|
6167
|
-
"gap": "md"
|
|
6167
|
+
]
|
|
6168
6168
|
}
|
|
6169
6169
|
]
|
|
6170
6170
|
]
|
|
@@ -6392,8 +6392,8 @@
|
|
|
6392
6392
|
"OrderRecord",
|
|
6393
6393
|
{
|
|
6394
6394
|
"emit": {
|
|
6395
|
-
"
|
|
6396
|
-
"
|
|
6395
|
+
"failure": "OrderRecordLoadFailed",
|
|
6396
|
+
"success": "OrderRecordLoaded"
|
|
6397
6397
|
},
|
|
6398
6398
|
"id": "@payload.id"
|
|
6399
6399
|
}
|
|
@@ -6403,56 +6403,56 @@
|
|
|
6403
6403
|
"modal",
|
|
6404
6404
|
{
|
|
6405
6405
|
"gap": "md",
|
|
6406
|
+
"type": "stack",
|
|
6406
6407
|
"direction": "vertical",
|
|
6407
6408
|
"children": [
|
|
6408
6409
|
{
|
|
6410
|
+
"type": "stack",
|
|
6409
6411
|
"align": "center",
|
|
6412
|
+
"direction": "horizontal",
|
|
6410
6413
|
"children": [
|
|
6411
6414
|
{
|
|
6412
6415
|
"name": "alert-triangle",
|
|
6413
6416
|
"type": "icon"
|
|
6414
6417
|
},
|
|
6415
6418
|
{
|
|
6416
|
-
"content": "Delete OrderRecord",
|
|
6417
6419
|
"type": "typography",
|
|
6418
|
-
"variant": "h3"
|
|
6420
|
+
"variant": "h3",
|
|
6421
|
+
"content": "Delete OrderRecord"
|
|
6419
6422
|
}
|
|
6420
6423
|
],
|
|
6421
|
-
"type": "stack",
|
|
6422
|
-
"direction": "horizontal",
|
|
6423
6424
|
"gap": "sm"
|
|
6424
6425
|
},
|
|
6425
6426
|
{
|
|
6426
6427
|
"type": "divider"
|
|
6427
6428
|
},
|
|
6428
6429
|
{
|
|
6429
|
-
"type": "alert",
|
|
6430
6430
|
"variant": "error",
|
|
6431
|
-
"message": "This action cannot be undone."
|
|
6431
|
+
"message": "This action cannot be undone.",
|
|
6432
|
+
"type": "alert"
|
|
6432
6433
|
},
|
|
6433
6434
|
{
|
|
6435
|
+
"gap": "sm",
|
|
6434
6436
|
"type": "stack",
|
|
6435
|
-
"direction": "horizontal",
|
|
6436
|
-
"justify": "end",
|
|
6437
6437
|
"children": [
|
|
6438
6438
|
{
|
|
6439
|
-
"label": "Cancel",
|
|
6440
6439
|
"action": "CANCEL",
|
|
6440
|
+
"type": "button",
|
|
6441
6441
|
"variant": "ghost",
|
|
6442
|
-
"
|
|
6442
|
+
"label": "Cancel"
|
|
6443
6443
|
},
|
|
6444
6444
|
{
|
|
6445
|
+
"icon": "check",
|
|
6445
6446
|
"action": "CONFIRM_DELETE",
|
|
6446
|
-
"
|
|
6447
|
+
"type": "button",
|
|
6447
6448
|
"label": "Delete",
|
|
6448
|
-
"
|
|
6449
|
-
"type": "button"
|
|
6449
|
+
"variant": "danger"
|
|
6450
6450
|
}
|
|
6451
6451
|
],
|
|
6452
|
-
"
|
|
6452
|
+
"justify": "end",
|
|
6453
|
+
"direction": "horizontal"
|
|
6453
6454
|
}
|
|
6454
|
-
]
|
|
6455
|
-
"type": "stack"
|
|
6455
|
+
]
|
|
6456
6456
|
}
|
|
6457
6457
|
]
|
|
6458
6458
|
]
|
|
@@ -6469,8 +6469,8 @@
|
|
|
6469
6469
|
"@entity.pendingId",
|
|
6470
6470
|
{
|
|
6471
6471
|
"emit": {
|
|
6472
|
-
"
|
|
6473
|
-
"
|
|
6472
|
+
"failure": "OrderRecordDeleteFailed",
|
|
6473
|
+
"success": "OrderRecordDeleted"
|
|
6474
6474
|
}
|
|
6475
6475
|
}
|
|
6476
6476
|
],
|