@primer-io/primer-js 1.0.9 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/custom-elements.json +1790 -3677
- package/dist/jsx/index.d.ts +110 -170
- package/dist/primer-loader.d.ts +301 -522
- package/dist/primer-loader.js +46 -12
- package/dist/vscode.html-custom-data.json +47 -119
- package/dist/web-types.json +133 -375
- package/package.json +1 -1
- package/src/controllers/reactive-state/README.md +0 -210
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@primer-io/primer-js",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.1.1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
"name": "sdkContextController",
|
|
45
45
|
"type": "SDKContextController"
|
|
46
46
|
},
|
|
47
|
-
{ "name": "sdkStateController", "type": "SdkStateController" },
|
|
48
47
|
{
|
|
49
48
|
"name": "primerEventsController",
|
|
50
49
|
"type": "PrimerEventsController"
|
|
@@ -57,10 +56,6 @@
|
|
|
57
56
|
"name": "vaultManagerController",
|
|
58
57
|
"type": "VaultManagerController"
|
|
59
58
|
},
|
|
60
|
-
{
|
|
61
|
-
"name": "achPaymentEventsController",
|
|
62
|
-
"type": "AchPaymentEventsController"
|
|
63
|
-
},
|
|
64
59
|
{
|
|
65
60
|
"name": "headlessSdkController",
|
|
66
61
|
"type": "HeadlessSdkController"
|
|
@@ -570,17 +565,6 @@
|
|
|
570
565
|
"events": []
|
|
571
566
|
}
|
|
572
567
|
},
|
|
573
|
-
{
|
|
574
|
-
"name": "primer-portal",
|
|
575
|
-
"description": "\n---\n\n\n### **Events:**\n - **eventName**",
|
|
576
|
-
"doc-url": "",
|
|
577
|
-
"attributes": [],
|
|
578
|
-
"events": [{ "name": "eventName", "type": "CustomEvent" }],
|
|
579
|
-
"js": {
|
|
580
|
-
"properties": [{ "name": "id", "type": "string" }],
|
|
581
|
-
"events": [{ "name": "eventName", "type": "CustomEvent" }]
|
|
582
|
-
}
|
|
583
|
-
},
|
|
584
568
|
{
|
|
585
569
|
"name": "primer-select",
|
|
586
570
|
"description": "A native select dropdown component\n---\n\n\n### **Events:**\n - **change** - Fired when selection changes\n- **input** - Fired when input value changes\n- **focus** - Fired when select receives focus\n- **blur** - Fired when select loses focus",
|
|
@@ -748,47 +732,37 @@
|
|
|
748
732
|
}
|
|
749
733
|
},
|
|
750
734
|
{
|
|
751
|
-
"name": "primer-
|
|
752
|
-
"description": "\n---\n
|
|
735
|
+
"name": "primer-adyen-klarna",
|
|
736
|
+
"description": "\n---\n",
|
|
753
737
|
"doc-url": "",
|
|
754
738
|
"attributes": [
|
|
755
739
|
{
|
|
756
740
|
"name": "paymentMethod",
|
|
741
|
+
"description": "The payment method from context",
|
|
757
742
|
"value": { "type": "InitializedPaymentMethod | undefined" }
|
|
758
|
-
}
|
|
759
|
-
],
|
|
760
|
-
"events": [
|
|
761
|
-
{ "name": "primer-ach-error", "type": "CustomEvent" },
|
|
762
|
-
{
|
|
763
|
-
"name": "primer-ach-bank-details-collected",
|
|
764
|
-
"type": "CustomEvent"
|
|
765
743
|
},
|
|
766
|
-
{
|
|
767
|
-
|
|
744
|
+
{
|
|
745
|
+
"name": "disabled",
|
|
746
|
+
"description": "Whether the component is disabled",
|
|
747
|
+
"value": { "type": "boolean", "default": "false" }
|
|
748
|
+
}
|
|
768
749
|
],
|
|
750
|
+
"events": [],
|
|
769
751
|
"js": {
|
|
770
752
|
"properties": [
|
|
753
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
771
754
|
{
|
|
772
755
|
"name": "paymentMethod",
|
|
756
|
+
"description": "The payment method from context",
|
|
773
757
|
"type": "InitializedPaymentMethod | undefined"
|
|
774
758
|
},
|
|
775
|
-
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
776
|
-
{ "name": "sdkState", "type": "SdkStateContextType | undefined" },
|
|
777
759
|
{
|
|
778
|
-
"name": "
|
|
779
|
-
"
|
|
780
|
-
|
|
781
|
-
|
|
760
|
+
"name": "disabled",
|
|
761
|
+
"description": "Whether the component is disabled",
|
|
762
|
+
"type": "boolean"
|
|
763
|
+
}
|
|
782
764
|
],
|
|
783
|
-
"events": [
|
|
784
|
-
{ "name": "primer-ach-error", "type": "CustomEvent" },
|
|
785
|
-
{
|
|
786
|
-
"name": "primer-ach-bank-details-collected",
|
|
787
|
-
"type": "CustomEvent"
|
|
788
|
-
},
|
|
789
|
-
{ "name": "primer-ach-mandate-confirmed", "type": "CustomEvent" },
|
|
790
|
-
{ "name": "primer-ach-mandate-declined", "type": "CustomEvent" }
|
|
791
|
-
]
|
|
765
|
+
"events": []
|
|
792
766
|
}
|
|
793
767
|
},
|
|
794
768
|
{
|
|
@@ -810,16 +784,7 @@
|
|
|
810
784
|
],
|
|
811
785
|
"js": {
|
|
812
786
|
"properties": [
|
|
813
|
-
{
|
|
814
|
-
"name": "configuration",
|
|
815
|
-
"description": "Configuration from SDK Core containing checkoutModules configuration",
|
|
816
|
-
"type": "ConfigurationContextType"
|
|
817
|
-
},
|
|
818
|
-
{
|
|
819
|
-
"name": "headlessUtils",
|
|
820
|
-
"description": "Headless SDK utilities for API methods like setBillingAddress",
|
|
821
|
-
"type": "HeadlessUtilsContextType"
|
|
822
|
-
}
|
|
787
|
+
{ "name": "primerContext", "type": "ContextType | undefined" }
|
|
823
788
|
],
|
|
824
789
|
"events": [
|
|
825
790
|
{
|
|
@@ -872,8 +837,7 @@
|
|
|
872
837
|
"name": "disabled",
|
|
873
838
|
"description": "Disables component interaction when true",
|
|
874
839
|
"type": "boolean"
|
|
875
|
-
}
|
|
876
|
-
{ "name": "paymentManagers", "type": "InitializedManagersMap" }
|
|
840
|
+
}
|
|
877
841
|
],
|
|
878
842
|
"events": [
|
|
879
843
|
{
|
|
@@ -899,14 +863,6 @@
|
|
|
899
863
|
{
|
|
900
864
|
"name": "disabled",
|
|
901
865
|
"value": { "type": "boolean", "default": "false" }
|
|
902
|
-
},
|
|
903
|
-
{
|
|
904
|
-
"name": "paymentManagers",
|
|
905
|
-
"description": "Payment managers injected from context",
|
|
906
|
-
"value": {
|
|
907
|
-
"type": "InitializedManagersMap",
|
|
908
|
-
"default": "new Map()"
|
|
909
|
-
}
|
|
910
866
|
}
|
|
911
867
|
],
|
|
912
868
|
"events": [],
|
|
@@ -914,31 +870,7 @@
|
|
|
914
870
|
"properties": [
|
|
915
871
|
{ "name": "hideLabels", "type": "boolean" },
|
|
916
872
|
{ "name": "disabled", "type": "boolean" },
|
|
917
|
-
{
|
|
918
|
-
"name": "paymentManagers",
|
|
919
|
-
"description": "Payment managers injected from context",
|
|
920
|
-
"type": "InitializedManagersMap"
|
|
921
|
-
},
|
|
922
|
-
{
|
|
923
|
-
"name": "clientOptions",
|
|
924
|
-
"description": "Client options for configuration",
|
|
925
|
-
"type": "ClientOptionsContextType"
|
|
926
|
-
},
|
|
927
|
-
{
|
|
928
|
-
"name": "headlessUtils",
|
|
929
|
-
"description": "Headless utils for accessing server configuration",
|
|
930
|
-
"type": "HeadlessUtilsContextType"
|
|
931
|
-
},
|
|
932
|
-
{
|
|
933
|
-
"name": "analyticsUtils",
|
|
934
|
-
"description": "Analytics utils for sending analytics events",
|
|
935
|
-
"type": "AnalyticsContextType"
|
|
936
|
-
},
|
|
937
|
-
{
|
|
938
|
-
"name": "contextEventsController",
|
|
939
|
-
"description": "Events controller from context for receiving forwarded events",
|
|
940
|
-
"type": "EventsContextType"
|
|
941
|
-
},
|
|
873
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
942
874
|
{
|
|
943
875
|
"name": "shouldShowCardholderName",
|
|
944
876
|
"description": "Determines whether to show the cardholder name field\nUses client configuration with fallback to default (true)",
|
|
@@ -954,73 +886,57 @@
|
|
|
954
886
|
}
|
|
955
887
|
},
|
|
956
888
|
{
|
|
957
|
-
"name": "primer-
|
|
958
|
-
"description": "\n---\n",
|
|
889
|
+
"name": "primer-error-message-container",
|
|
890
|
+
"description": "A container component that connects to the SDK state context\nand displays appropriate error messages based on error state.\n\nThis component handles both process errors (typically from backend)\nand validation errors (typically from client-side), managing when\nand how they are displayed based on the current SDK state.\n---\n",
|
|
959
891
|
"doc-url": "",
|
|
960
892
|
"attributes": [
|
|
961
893
|
{
|
|
962
|
-
"name": "
|
|
963
|
-
"value": { "type": "
|
|
894
|
+
"name": "show-processing-errors",
|
|
895
|
+
"value": { "type": "boolean", "default": "true" }
|
|
964
896
|
}
|
|
965
897
|
],
|
|
966
898
|
"events": [],
|
|
967
899
|
"js": {
|
|
968
900
|
"properties": [
|
|
969
901
|
{
|
|
970
|
-
"name": "
|
|
971
|
-
"
|
|
902
|
+
"name": "primerContext",
|
|
903
|
+
"description": "Consume the unified context\nThis automatically subscribes to changes in the SDK state",
|
|
904
|
+
"type": "ContextType | undefined"
|
|
972
905
|
},
|
|
973
|
-
{ "name": "
|
|
974
|
-
{ "name": "sdkState", "type": "SdkStateContextType" },
|
|
975
|
-
{ "name": "headlessUtils", "type": "HeadlessUtilsContextType" },
|
|
976
|
-
{ "name": "open", "type": "boolean" }
|
|
906
|
+
{ "name": "showProcessingErrors", "type": "boolean" }
|
|
977
907
|
],
|
|
978
908
|
"events": []
|
|
979
909
|
}
|
|
980
910
|
},
|
|
981
911
|
{
|
|
982
|
-
"name": "primer-
|
|
983
|
-
"description": "
|
|
912
|
+
"name": "primer-klarna",
|
|
913
|
+
"description": "This component renders Klarna payment method in a card-like (accordion) container with\npayment categories options to choose from.\n\n[ Pay with Klarna v ] --> accordion header\n\n[ Pay Now ] [ Buy now, pay later ] --> payment categories options from Klarna\n[ Continue with Klarna ] --> opens a Klarna popup\n---\n",
|
|
984
914
|
"doc-url": "",
|
|
985
915
|
"attributes": [
|
|
986
916
|
{
|
|
987
|
-
"name": "
|
|
988
|
-
"value": { "type": "boolean", "default": "
|
|
917
|
+
"name": "disabled",
|
|
918
|
+
"value": { "type": "boolean", "default": "false" }
|
|
989
919
|
}
|
|
990
920
|
],
|
|
991
921
|
"events": [],
|
|
992
922
|
"js": {
|
|
993
923
|
"properties": [
|
|
994
|
-
{ "name": "
|
|
924
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
925
|
+
{ "name": "disabled", "type": "boolean" }
|
|
995
926
|
],
|
|
996
927
|
"events": []
|
|
997
928
|
}
|
|
998
929
|
},
|
|
999
930
|
{
|
|
1000
|
-
"name": "primer-
|
|
1001
|
-
"description": "
|
|
931
|
+
"name": "primer-payment-method",
|
|
932
|
+
"description": "\n---\n",
|
|
1002
933
|
"doc-url": "",
|
|
1003
934
|
"attributes": [
|
|
1004
935
|
{
|
|
1005
|
-
"name": "
|
|
1006
|
-
"value": {
|
|
1007
|
-
"type": "InitializedManagersMap",
|
|
1008
|
-
"default": "new Map()"
|
|
1009
|
-
}
|
|
1010
|
-
},
|
|
1011
|
-
{
|
|
1012
|
-
"name": "sdkState",
|
|
1013
|
-
"value": { "type": "SdkStateContextType", "default": "null" }
|
|
1014
|
-
},
|
|
1015
|
-
{
|
|
1016
|
-
"name": "headlessUtils",
|
|
1017
|
-
"value": { "type": "HeadlessUtilsContextType", "default": "null" }
|
|
1018
|
-
},
|
|
1019
|
-
{
|
|
1020
|
-
"name": "klarnaCategories",
|
|
936
|
+
"name": "type",
|
|
1021
937
|
"value": {
|
|
1022
|
-
"type": "
|
|
1023
|
-
"default": "
|
|
938
|
+
"type": "PaymentMethodType | undefined",
|
|
939
|
+
"default": "undefined"
|
|
1024
940
|
}
|
|
1025
941
|
},
|
|
1026
942
|
{
|
|
@@ -1031,56 +947,73 @@
|
|
|
1031
947
|
"events": [],
|
|
1032
948
|
"js": {
|
|
1033
949
|
"properties": [
|
|
1034
|
-
{ "name": "
|
|
1035
|
-
{ "name": "sdkState", "type": "SdkStateContextType" },
|
|
1036
|
-
{ "name": "headlessUtils", "type": "HeadlessUtilsContextType" },
|
|
1037
|
-
{
|
|
1038
|
-
"name": "klarnaCategories",
|
|
1039
|
-
"type": "KlarnaCategoriesContextType | null"
|
|
1040
|
-
},
|
|
950
|
+
{ "name": "type", "type": "PaymentMethodType | undefined" },
|
|
1041
951
|
{ "name": "disabled", "type": "boolean" },
|
|
1042
|
-
{ "name": "
|
|
952
|
+
{ "name": "primerContext", "type": "ContextType | undefined" }
|
|
1043
953
|
],
|
|
1044
954
|
"events": []
|
|
1045
955
|
}
|
|
1046
956
|
},
|
|
1047
957
|
{
|
|
1048
|
-
"name": "primer-payment-method",
|
|
1049
|
-
"description": "\n---\n",
|
|
958
|
+
"name": "primer-payment-method-accordion",
|
|
959
|
+
"description": "\n---\n\n\n### **Events:**\n - **expanded-change**",
|
|
1050
960
|
"doc-url": "",
|
|
1051
961
|
"attributes": [
|
|
1052
962
|
{
|
|
1053
963
|
"name": "type",
|
|
1054
|
-
"value": {
|
|
1055
|
-
"type": "PaymentMethodType | undefined",
|
|
1056
|
-
"default": "undefined"
|
|
1057
|
-
}
|
|
964
|
+
"value": { "type": "PaymentMethodType | undefined" }
|
|
1058
965
|
},
|
|
1059
966
|
{
|
|
1060
967
|
"name": "disabled",
|
|
1061
968
|
"value": { "type": "boolean", "default": "false" }
|
|
1062
969
|
},
|
|
1063
970
|
{
|
|
1064
|
-
"name": "
|
|
1065
|
-
"value": {
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
971
|
+
"name": "expanded",
|
|
972
|
+
"value": { "type": "boolean", "default": "false" }
|
|
973
|
+
},
|
|
974
|
+
{
|
|
975
|
+
"name": "suppress-blur-collapse",
|
|
976
|
+
"description": "When true, suppresses auto-collapse on window blur.\nUsed when payment flows open external popups (e.g. Klarna).",
|
|
977
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1069
978
|
}
|
|
1070
979
|
],
|
|
1071
|
-
"events": [],
|
|
980
|
+
"events": [{ "name": "expanded-change", "type": "CustomEvent" }],
|
|
1072
981
|
"js": {
|
|
1073
982
|
"properties": [
|
|
1074
983
|
{ "name": "type", "type": "PaymentMethodType | undefined" },
|
|
1075
984
|
{ "name": "disabled", "type": "boolean" },
|
|
1076
|
-
{ "name": "
|
|
985
|
+
{ "name": "expanded", "type": "boolean" },
|
|
1077
986
|
{
|
|
1078
|
-
"name": "
|
|
1079
|
-
"description": "
|
|
1080
|
-
"type": "
|
|
987
|
+
"name": "suppressBlurCollapse",
|
|
988
|
+
"description": "When true, suppresses auto-collapse on window blur.\nUsed when payment flows open external popups (e.g. Klarna).",
|
|
989
|
+
"type": "boolean"
|
|
1081
990
|
}
|
|
1082
991
|
],
|
|
1083
|
-
"events": []
|
|
992
|
+
"events": [{ "name": "expanded-change", "type": "CustomEvent" }]
|
|
993
|
+
}
|
|
994
|
+
},
|
|
995
|
+
{
|
|
996
|
+
"name": "primer-payment-method-button",
|
|
997
|
+
"description": "\n---\n\n\n### **Events:**\n - **payment-method-click**",
|
|
998
|
+
"doc-url": "",
|
|
999
|
+
"attributes": [
|
|
1000
|
+
{
|
|
1001
|
+
"name": "type",
|
|
1002
|
+
"value": { "type": "PaymentMethodType | undefined" }
|
|
1003
|
+
},
|
|
1004
|
+
{
|
|
1005
|
+
"name": "disabled",
|
|
1006
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1007
|
+
}
|
|
1008
|
+
],
|
|
1009
|
+
"events": [{ "name": "payment-method-click", "type": "Event" }],
|
|
1010
|
+
"js": {
|
|
1011
|
+
"properties": [
|
|
1012
|
+
{ "name": "type", "type": "PaymentMethodType | undefined" },
|
|
1013
|
+
{ "name": "disabled", "type": "boolean" },
|
|
1014
|
+
{ "name": "primerContext", "type": "ContextType | undefined" }
|
|
1015
|
+
],
|
|
1016
|
+
"events": [{ "name": "payment-method-click", "type": "Event" }]
|
|
1084
1017
|
}
|
|
1085
1018
|
},
|
|
1086
1019
|
{
|
|
@@ -1093,17 +1026,6 @@
|
|
|
1093
1026
|
{
|
|
1094
1027
|
"name": "disabled",
|
|
1095
1028
|
"value": { "type": "boolean", "default": "false" }
|
|
1096
|
-
},
|
|
1097
|
-
{
|
|
1098
|
-
"name": "paymentMethods",
|
|
1099
|
-
"value": {
|
|
1100
|
-
"type": "PaymentMethodsContextType",
|
|
1101
|
-
"default": "null"
|
|
1102
|
-
}
|
|
1103
|
-
},
|
|
1104
|
-
{
|
|
1105
|
-
"name": "clientOptions",
|
|
1106
|
-
"value": { "type": "ClientOptionsContextType", "default": "null" }
|
|
1107
1029
|
}
|
|
1108
1030
|
],
|
|
1109
1031
|
"events": [],
|
|
@@ -1112,8 +1034,7 @@
|
|
|
1112
1034
|
{ "name": "include", "type": "string | undefined" },
|
|
1113
1035
|
{ "name": "exclude", "type": "string | undefined" },
|
|
1114
1036
|
{ "name": "disabled", "type": "boolean" },
|
|
1115
|
-
{ "name": "
|
|
1116
|
-
{ "name": "clientOptions", "type": "ClientOptionsContextType" }
|
|
1037
|
+
{ "name": "primerContext", "type": "ContextType | undefined" }
|
|
1117
1038
|
],
|
|
1118
1039
|
"events": []
|
|
1119
1040
|
}
|
|
@@ -1176,16 +1097,11 @@
|
|
|
1176
1097
|
"name": "primer-checkout-error",
|
|
1177
1098
|
"description": "\n---\n",
|
|
1178
1099
|
"doc-url": "",
|
|
1179
|
-
"attributes": [
|
|
1180
|
-
{
|
|
1181
|
-
"name": "sdkState",
|
|
1182
|
-
"value": { "type": "SdkStateContextType", "default": "null" }
|
|
1183
|
-
}
|
|
1184
|
-
],
|
|
1100
|
+
"attributes": [],
|
|
1185
1101
|
"events": [],
|
|
1186
1102
|
"js": {
|
|
1187
1103
|
"properties": [
|
|
1188
|
-
{ "name": "
|
|
1104
|
+
{ "name": "primerContext", "type": "ContextType | undefined" }
|
|
1189
1105
|
],
|
|
1190
1106
|
"events": []
|
|
1191
1107
|
}
|
|
@@ -1194,29 +1110,11 @@
|
|
|
1194
1110
|
"name": "primer-main",
|
|
1195
1111
|
"description": "\n---\n",
|
|
1196
1112
|
"doc-url": "",
|
|
1197
|
-
"attributes": [
|
|
1198
|
-
{
|
|
1199
|
-
"name": "paymentMethods",
|
|
1200
|
-
"value": {
|
|
1201
|
-
"type": "PaymentMethodsContextType",
|
|
1202
|
-
"default": "null"
|
|
1203
|
-
}
|
|
1204
|
-
},
|
|
1205
|
-
{
|
|
1206
|
-
"name": "sdkState",
|
|
1207
|
-
"value": { "type": "SdkStateContextType", "default": "null" }
|
|
1208
|
-
},
|
|
1209
|
-
{
|
|
1210
|
-
"name": "clientOptions",
|
|
1211
|
-
"value": { "type": "ClientOptionsContextType", "default": "null" }
|
|
1212
|
-
}
|
|
1213
|
-
],
|
|
1113
|
+
"attributes": [],
|
|
1214
1114
|
"events": [],
|
|
1215
1115
|
"js": {
|
|
1216
1116
|
"properties": [
|
|
1217
|
-
{ "name": "
|
|
1218
|
-
{ "name": "sdkState", "type": "SdkStateContextType" },
|
|
1219
|
-
{ "name": "clientOptions", "type": "ClientOptionsContextType" }
|
|
1117
|
+
{ "name": "primerContext", "type": "ContextType | undefined" }
|
|
1220
1118
|
],
|
|
1221
1119
|
"events": []
|
|
1222
1120
|
}
|
|
@@ -1228,7 +1126,7 @@
|
|
|
1228
1126
|
"attributes": [
|
|
1229
1127
|
{
|
|
1230
1128
|
"name": "paymentMethod",
|
|
1231
|
-
"value": { "type": "
|
|
1129
|
+
"value": { "type": "RedirectPaymentMethod | undefined" }
|
|
1232
1130
|
},
|
|
1233
1131
|
{
|
|
1234
1132
|
"name": "disabled",
|
|
@@ -1240,16 +1138,9 @@
|
|
|
1240
1138
|
"properties": [
|
|
1241
1139
|
{
|
|
1242
1140
|
"name": "paymentMethod",
|
|
1243
|
-
"type": "
|
|
1141
|
+
"type": "RedirectPaymentMethod | undefined"
|
|
1244
1142
|
},
|
|
1245
|
-
{ "name": "disabled", "type": "boolean" }
|
|
1246
|
-
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
1247
|
-
{ "name": "sdkState", "type": "SdkStateContextType" },
|
|
1248
|
-
{ "name": "headlessUtils", "type": "HeadlessUtilsContextType" },
|
|
1249
|
-
{
|
|
1250
|
-
"name": "clientOptions",
|
|
1251
|
-
"type": "ClientOptionsContextType | undefined"
|
|
1252
|
-
}
|
|
1143
|
+
{ "name": "disabled", "type": "boolean" }
|
|
1253
1144
|
],
|
|
1254
1145
|
"events": []
|
|
1255
1146
|
}
|
|
@@ -1267,16 +1158,7 @@
|
|
|
1267
1158
|
],
|
|
1268
1159
|
"js": {
|
|
1269
1160
|
"properties": [
|
|
1270
|
-
{
|
|
1271
|
-
"name": "vaultManager",
|
|
1272
|
-
"description": "Consume the vault manager context to interact with vault state",
|
|
1273
|
-
"type": "VaultManagerContextType"
|
|
1274
|
-
},
|
|
1275
|
-
{
|
|
1276
|
-
"name": "contextEventsController",
|
|
1277
|
-
"description": "Consume the events context for external control",
|
|
1278
|
-
"type": "EventsContextType"
|
|
1279
|
-
}
|
|
1161
|
+
{ "name": "primerContext", "type": "ContextType | undefined" }
|
|
1280
1162
|
],
|
|
1281
1163
|
"events": [
|
|
1282
1164
|
{
|
|
@@ -1310,16 +1192,7 @@
|
|
|
1310
1192
|
"name": "removeEventListener",
|
|
1311
1193
|
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1312
1194
|
},
|
|
1313
|
-
{
|
|
1314
|
-
"name": "vaultManagerContext",
|
|
1315
|
-
"type": "VaultManagerContextType"
|
|
1316
|
-
},
|
|
1317
|
-
{ "name": "vaultItemContext", "type": "VaultItemContextType" },
|
|
1318
|
-
{ "name": "headlessUtils", "type": "HeadlessUtilsContextType" },
|
|
1319
|
-
{
|
|
1320
|
-
"name": "contextEventsController",
|
|
1321
|
-
"type": "EventsContextType"
|
|
1322
|
-
},
|
|
1195
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1323
1196
|
{
|
|
1324
1197
|
"name": "animationDuration",
|
|
1325
1198
|
"description": "Animation duration override",
|
|
@@ -1331,6 +1204,29 @@
|
|
|
1331
1204
|
]
|
|
1332
1205
|
}
|
|
1333
1206
|
},
|
|
1207
|
+
{
|
|
1208
|
+
"name": "primer-payment-method-accordion-confirm-button",
|
|
1209
|
+
"description": "\n---\n\n\n### **Events:**\n - **confirm**",
|
|
1210
|
+
"doc-url": "",
|
|
1211
|
+
"attributes": [
|
|
1212
|
+
{
|
|
1213
|
+
"name": "disabled",
|
|
1214
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1215
|
+
},
|
|
1216
|
+
{
|
|
1217
|
+
"name": "loading",
|
|
1218
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1219
|
+
}
|
|
1220
|
+
],
|
|
1221
|
+
"events": [{ "name": "confirm", "type": "Event" }],
|
|
1222
|
+
"js": {
|
|
1223
|
+
"properties": [
|
|
1224
|
+
{ "name": "disabled", "type": "boolean" },
|
|
1225
|
+
{ "name": "loading", "type": "boolean" }
|
|
1226
|
+
],
|
|
1227
|
+
"events": [{ "name": "confirm", "type": "Event" }]
|
|
1228
|
+
}
|
|
1229
|
+
},
|
|
1334
1230
|
{
|
|
1335
1231
|
"name": "primer-card-form-submit",
|
|
1336
1232
|
"description": "A form submit button component for card forms.\n\nProvides a consistent submit button with translation support and configurable visibility.\nWhen `submitButton.useBuiltInButton` is set to `false`, the component will not render\nany DOM elements, allowing external buttons to handle form submission by dispatching\nthe `primer:card-submit` event.\n---\n",
|
|
@@ -1341,18 +1237,6 @@
|
|
|
1341
1237
|
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
1342
1238
|
"value": { "type": "string" }
|
|
1343
1239
|
},
|
|
1344
|
-
{
|
|
1345
|
-
"name": "headlessUtils",
|
|
1346
|
-
"value": { "type": "HeadlessUtilsContextType", "default": "null" }
|
|
1347
|
-
},
|
|
1348
|
-
{
|
|
1349
|
-
"name": "clientOptions",
|
|
1350
|
-
"value": { "type": "ClientOptionsContextType", "default": "null" }
|
|
1351
|
-
},
|
|
1352
|
-
{
|
|
1353
|
-
"name": "sdkState",
|
|
1354
|
-
"value": { "type": "SdkStateContextType", "default": "null" }
|
|
1355
|
-
},
|
|
1356
1240
|
{
|
|
1357
1241
|
"name": "cardFormContext",
|
|
1358
1242
|
"value": { "type": "CardFormContext | null", "default": "null" }
|
|
@@ -1376,15 +1260,8 @@
|
|
|
1376
1260
|
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
1377
1261
|
"type": "string"
|
|
1378
1262
|
},
|
|
1379
|
-
{ "name": "headlessUtils", "type": "HeadlessUtilsContextType" },
|
|
1380
|
-
{ "name": "clientOptions", "type": "ClientOptionsContextType" },
|
|
1381
|
-
{ "name": "sdkState", "type": "SdkStateContextType" },
|
|
1382
1263
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
1383
|
-
{ "name": "
|
|
1384
|
-
{
|
|
1385
|
-
"name": "contextEventsController",
|
|
1386
|
-
"type": "EventsContextType"
|
|
1387
|
-
},
|
|
1264
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1388
1265
|
{
|
|
1389
1266
|
"name": "variant",
|
|
1390
1267
|
"description": "The button variant to use.",
|
|
@@ -1413,12 +1290,7 @@
|
|
|
1413
1290
|
],
|
|
1414
1291
|
"js": {
|
|
1415
1292
|
"properties": [
|
|
1416
|
-
{
|
|
1417
|
-
"name": "cardNetworks",
|
|
1418
|
-
"description": "Card networks context from provider",
|
|
1419
|
-
"type": "CardNetworksContextType"
|
|
1420
|
-
},
|
|
1421
|
-
{ "name": "headlessUtils", "type": "HeadlessUtilsContextType" }
|
|
1293
|
+
{ "name": "primerContext", "type": "ContextType | undefined" }
|
|
1422
1294
|
],
|
|
1423
1295
|
"events": [
|
|
1424
1296
|
{
|
|
@@ -1434,13 +1306,6 @@
|
|
|
1434
1306
|
"description": "\n---\n\n\n### **Methods:**\n \n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code\n",
|
|
1435
1307
|
"doc-url": "",
|
|
1436
1308
|
"attributes": [
|
|
1437
|
-
{
|
|
1438
|
-
"name": "computedStyles",
|
|
1439
|
-
"value": {
|
|
1440
|
-
"type": "CSSStyleDeclaration | null",
|
|
1441
|
-
"default": "null"
|
|
1442
|
-
}
|
|
1443
|
-
},
|
|
1444
1309
|
{
|
|
1445
1310
|
"name": "label",
|
|
1446
1311
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -1461,10 +1326,7 @@
|
|
|
1461
1326
|
"js": {
|
|
1462
1327
|
"properties": [
|
|
1463
1328
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
1464
|
-
{
|
|
1465
|
-
"name": "computedStyles",
|
|
1466
|
-
"type": "CSSStyleDeclaration | null"
|
|
1467
|
-
},
|
|
1329
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1468
1330
|
{
|
|
1469
1331
|
"name": "label",
|
|
1470
1332
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -1489,13 +1351,6 @@
|
|
|
1489
1351
|
"description": "\n---\n\n\n### **Methods:**\n \n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code\n",
|
|
1490
1352
|
"doc-url": "",
|
|
1491
1353
|
"attributes": [
|
|
1492
|
-
{
|
|
1493
|
-
"name": "computedStyles",
|
|
1494
|
-
"value": {
|
|
1495
|
-
"type": "CSSStyleDeclaration | null",
|
|
1496
|
-
"default": "null"
|
|
1497
|
-
}
|
|
1498
|
-
},
|
|
1499
1354
|
{
|
|
1500
1355
|
"name": "label",
|
|
1501
1356
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -1516,10 +1371,7 @@
|
|
|
1516
1371
|
"js": {
|
|
1517
1372
|
"properties": [
|
|
1518
1373
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
1519
|
-
{
|
|
1520
|
-
"name": "computedStyles",
|
|
1521
|
-
"type": "CSSStyleDeclaration | null"
|
|
1522
|
-
},
|
|
1374
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1523
1375
|
{
|
|
1524
1376
|
"name": "label",
|
|
1525
1377
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -1544,13 +1396,6 @@
|
|
|
1544
1396
|
"description": "Card number input component with dynamic card network detection and selection\n---\n\n\n### **Methods:**\n \n\n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code",
|
|
1545
1397
|
"doc-url": "",
|
|
1546
1398
|
"attributes": [
|
|
1547
|
-
{
|
|
1548
|
-
"name": "computedStyles",
|
|
1549
|
-
"value": {
|
|
1550
|
-
"type": "CSSStyleDeclaration | null",
|
|
1551
|
-
"default": "null"
|
|
1552
|
-
}
|
|
1553
|
-
},
|
|
1554
1399
|
{
|
|
1555
1400
|
"name": "label",
|
|
1556
1401
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -1571,10 +1416,7 @@
|
|
|
1571
1416
|
"js": {
|
|
1572
1417
|
"properties": [
|
|
1573
1418
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
1574
|
-
{
|
|
1575
|
-
"name": "computedStyles",
|
|
1576
|
-
"type": "CSSStyleDeclaration | null"
|
|
1577
|
-
},
|
|
1419
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1578
1420
|
{
|
|
1579
1421
|
"name": "label",
|
|
1580
1422
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -1599,13 +1441,6 @@
|
|
|
1599
1441
|
"description": "\n---\n\n\n### **Methods:**\n \n- **getError(): _string|null_** - Get the error code from the hosted input controller when the input is submitted or touched\n\nCan be used instead of the error returned by the `validate()` method since internally `primer-sdk-web`\nuses the same logic to compute the error code\n",
|
|
1600
1442
|
"doc-url": "",
|
|
1601
1443
|
"attributes": [
|
|
1602
|
-
{
|
|
1603
|
-
"name": "computedStyles",
|
|
1604
|
-
"value": {
|
|
1605
|
-
"type": "CSSStyleDeclaration | null",
|
|
1606
|
-
"default": "null"
|
|
1607
|
-
}
|
|
1608
|
-
},
|
|
1609
1444
|
{
|
|
1610
1445
|
"name": "label",
|
|
1611
1446
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -1626,10 +1461,7 @@
|
|
|
1626
1461
|
"js": {
|
|
1627
1462
|
"properties": [
|
|
1628
1463
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
1629
|
-
{
|
|
1630
|
-
"name": "computedStyles",
|
|
1631
|
-
"type": "CSSStyleDeclaration | null"
|
|
1632
|
-
},
|
|
1464
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1633
1465
|
{
|
|
1634
1466
|
"name": "label",
|
|
1635
1467
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -1656,14 +1488,7 @@
|
|
|
1656
1488
|
"attributes": [
|
|
1657
1489
|
{
|
|
1658
1490
|
"name": "paymentMethod",
|
|
1659
|
-
"value": { "type": "
|
|
1660
|
-
},
|
|
1661
|
-
{
|
|
1662
|
-
"name": "paymentManagers",
|
|
1663
|
-
"value": {
|
|
1664
|
-
"type": "InitializedManagersMap",
|
|
1665
|
-
"default": "new Map()"
|
|
1666
|
-
}
|
|
1491
|
+
"value": { "type": "NativePaymentMethod | undefined" }
|
|
1667
1492
|
},
|
|
1668
1493
|
{
|
|
1669
1494
|
"name": "disabled",
|
|
@@ -1675,9 +1500,9 @@
|
|
|
1675
1500
|
"properties": [
|
|
1676
1501
|
{
|
|
1677
1502
|
"name": "paymentMethod",
|
|
1678
|
-
"type": "
|
|
1503
|
+
"type": "NativePaymentMethod | undefined"
|
|
1679
1504
|
},
|
|
1680
|
-
{ "name": "
|
|
1505
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1681
1506
|
{ "name": "disabled", "type": "boolean" }
|
|
1682
1507
|
],
|
|
1683
1508
|
"events": []
|
|
@@ -1690,14 +1515,7 @@
|
|
|
1690
1515
|
"attributes": [
|
|
1691
1516
|
{
|
|
1692
1517
|
"name": "paymentMethod",
|
|
1693
|
-
"value": { "type": "
|
|
1694
|
-
},
|
|
1695
|
-
{
|
|
1696
|
-
"name": "paymentManagers",
|
|
1697
|
-
"value": {
|
|
1698
|
-
"type": "InitializedManagersMap",
|
|
1699
|
-
"default": "new Map()"
|
|
1700
|
-
}
|
|
1518
|
+
"value": { "type": "NativePaymentMethod | undefined" }
|
|
1701
1519
|
},
|
|
1702
1520
|
{
|
|
1703
1521
|
"name": "disabled",
|
|
@@ -1709,9 +1527,9 @@
|
|
|
1709
1527
|
"properties": [
|
|
1710
1528
|
{
|
|
1711
1529
|
"name": "paymentMethod",
|
|
1712
|
-
"type": "
|
|
1530
|
+
"type": "NativePaymentMethod | undefined"
|
|
1713
1531
|
},
|
|
1714
|
-
{ "name": "
|
|
1532
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1715
1533
|
{ "name": "disabled", "type": "boolean" }
|
|
1716
1534
|
],
|
|
1717
1535
|
"events": []
|
|
@@ -1724,14 +1542,7 @@
|
|
|
1724
1542
|
"attributes": [
|
|
1725
1543
|
{
|
|
1726
1544
|
"name": "paymentMethod",
|
|
1727
|
-
"value": { "type": "
|
|
1728
|
-
},
|
|
1729
|
-
{
|
|
1730
|
-
"name": "paymentManagers",
|
|
1731
|
-
"value": {
|
|
1732
|
-
"type": "InitializedManagersMap",
|
|
1733
|
-
"default": "new Map()"
|
|
1734
|
-
}
|
|
1545
|
+
"value": { "type": "NativePaymentMethod | undefined" }
|
|
1735
1546
|
},
|
|
1736
1547
|
{
|
|
1737
1548
|
"name": "disabled",
|
|
@@ -1743,9 +1554,9 @@
|
|
|
1743
1554
|
"properties": [
|
|
1744
1555
|
{
|
|
1745
1556
|
"name": "paymentMethod",
|
|
1746
|
-
"type": "
|
|
1557
|
+
"type": "NativePaymentMethod | undefined"
|
|
1747
1558
|
},
|
|
1748
|
-
{ "name": "
|
|
1559
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1749
1560
|
{ "name": "disabled", "type": "boolean" }
|
|
1750
1561
|
],
|
|
1751
1562
|
"events": []
|
|
@@ -1773,13 +1584,6 @@
|
|
|
1773
1584
|
"description": "CVV Input component for vault payment methods\nRenders a secure iframe for CVV input when required by the selected payment method\nUses dedicated CVV context to minimize re-renders\n---\n\n\n### **Methods:**\n - **onCvvInputChange()** - Update CVV metadata in the context when input changes",
|
|
1774
1585
|
"doc-url": "",
|
|
1775
1586
|
"attributes": [
|
|
1776
|
-
{
|
|
1777
|
-
"name": "computedStyles",
|
|
1778
|
-
"value": {
|
|
1779
|
-
"type": "CSSStyleDeclaration | null",
|
|
1780
|
-
"default": "null"
|
|
1781
|
-
}
|
|
1782
|
-
},
|
|
1783
1587
|
{
|
|
1784
1588
|
"name": "paymentMethod",
|
|
1785
1589
|
"value": {
|
|
@@ -1791,20 +1595,7 @@
|
|
|
1791
1595
|
"events": [],
|
|
1792
1596
|
"js": {
|
|
1793
1597
|
"properties": [
|
|
1794
|
-
{
|
|
1795
|
-
"name": "vaultManagerFormContext",
|
|
1796
|
-
"description": "Form context for checking form dirty state",
|
|
1797
|
-
"type": "VaultManagerContextType"
|
|
1798
|
-
},
|
|
1799
|
-
{
|
|
1800
|
-
"name": "vaultManagerCvvContext",
|
|
1801
|
-
"description": "CVV-specific context for dedicated CVV handling\nSeparated to minimize re-renders on frequent CVV input changes",
|
|
1802
|
-
"type": "VaultItemContextType"
|
|
1803
|
-
},
|
|
1804
|
-
{
|
|
1805
|
-
"name": "computedStyles",
|
|
1806
|
-
"type": "CSSStyleDeclaration | null"
|
|
1807
|
-
},
|
|
1598
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1808
1599
|
{
|
|
1809
1600
|
"name": "paymentMethod",
|
|
1810
1601
|
"type": "PaymentCardVaultedMethod | null"
|
|
@@ -1860,11 +1651,6 @@
|
|
|
1860
1651
|
"name": "paymentMethodName",
|
|
1861
1652
|
"description": "Payment method name to display in confirmation",
|
|
1862
1653
|
"type": "string"
|
|
1863
|
-
},
|
|
1864
|
-
{
|
|
1865
|
-
"name": "vaultManager",
|
|
1866
|
-
"description": "Consume the vault manager context to access payment method info",
|
|
1867
|
-
"type": "VaultManagerContextType"
|
|
1868
1654
|
}
|
|
1869
1655
|
],
|
|
1870
1656
|
"events": []
|
|
@@ -1957,10 +1743,6 @@
|
|
|
1957
1743
|
"description": "VaultPaymentMethodItemComponent - displays a single payment method\nUses the VaultManagerController for display formatting\nNow supports selection via the simplified button checked state\nEnhanced with smooth transitions between edit and payment modes\nAlways renders the primer-button for consistent UI and improved accessibility\n---\n",
|
|
1958
1744
|
"doc-url": "",
|
|
1959
1745
|
"attributes": [
|
|
1960
|
-
{
|
|
1961
|
-
"name": "headlessUtils",
|
|
1962
|
-
"value": { "type": "HeadlessUtilsContextType", "default": "null" }
|
|
1963
|
-
},
|
|
1964
1746
|
{
|
|
1965
1747
|
"name": "isEditMode",
|
|
1966
1748
|
"description": "Whether the component is in edit mode",
|
|
@@ -1979,17 +1761,11 @@
|
|
|
1979
1761
|
"name": "removeEventListener",
|
|
1980
1762
|
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1981
1763
|
},
|
|
1982
|
-
{
|
|
1983
|
-
"name": "vaultManagerContext",
|
|
1984
|
-
"description": "Consume the vault manager context",
|
|
1985
|
-
"type": "VaultManagerContextType"
|
|
1986
|
-
},
|
|
1987
|
-
{ "name": "vaultItemContext", "type": "VaultItemContextType" },
|
|
1988
|
-
{ "name": "headlessUtils", "type": "HeadlessUtilsContextType" },
|
|
1764
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
1989
1765
|
{
|
|
1990
1766
|
"name": "paymentMethod",
|
|
1991
1767
|
"description": "The payment method to display",
|
|
1992
|
-
"type": "VaultedPaymentMethod |
|
|
1768
|
+
"type": "VaultedPaymentMethod | undefined"
|
|
1993
1769
|
},
|
|
1994
1770
|
{
|
|
1995
1771
|
"name": "isEditMode",
|
|
@@ -2010,14 +1786,6 @@
|
|
|
2010
1786
|
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
2011
1787
|
"value": { "type": "string" }
|
|
2012
1788
|
},
|
|
2013
|
-
{
|
|
2014
|
-
"name": "headlessInstance",
|
|
2015
|
-
"value": { "type": "HeadlessUtilsContextType", "default": "null" }
|
|
2016
|
-
},
|
|
2017
|
-
{
|
|
2018
|
-
"name": "sdkState",
|
|
2019
|
-
"value": { "type": "SdkStateContextType", "default": "null" }
|
|
2020
|
-
},
|
|
2021
1789
|
{
|
|
2022
1790
|
"name": "variant",
|
|
2023
1791
|
"description": "The button variant to use.",
|
|
@@ -2037,17 +1805,7 @@
|
|
|
2037
1805
|
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
2038
1806
|
"type": "string"
|
|
2039
1807
|
},
|
|
2040
|
-
{
|
|
2041
|
-
"name": "headlessInstance",
|
|
2042
|
-
"type": "HeadlessUtilsContextType"
|
|
2043
|
-
},
|
|
2044
|
-
{ "name": "sdkState", "type": "SdkStateContextType" },
|
|
2045
|
-
{ "name": "vaultItemContext", "type": "VaultItemContextType" },
|
|
2046
|
-
{ "name": "vaultManager", "type": "VaultManagerContextType" },
|
|
2047
|
-
{
|
|
2048
|
-
"name": "clientOptions",
|
|
2049
|
-
"type": "PrimerCheckoutOptions | null"
|
|
2050
|
-
},
|
|
1808
|
+
{ "name": "primerContext", "type": "ContextType | undefined" },
|
|
2051
1809
|
{
|
|
2052
1810
|
"name": "variant",
|
|
2053
1811
|
"description": "The button variant to use.",
|