@primer-io/primer-js 0.0.2 → 0.1.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/dist/custom-elements.json +7726 -3155
- package/dist/jsx/index.d.ts +415 -10
- package/dist/primer-loader.d.ts +1076 -175
- package/dist/primer-loader.js +165 -1
- package/dist/vscode.html-custom-data.json +285 -19
- package/dist/web-types.json +664 -47
- package/package.json +2 -1
package/dist/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
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": "0.0
|
|
4
|
+
"version": "0.1.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "primer-checkout",
|
|
11
|
-
"description": "\n---\n",
|
|
11
|
+
"description": "PrimerCheckoutComponent implements the main checkout experience.\nThis component includes a CSS-only loader that displays before the JavaScript\nis fully loaded, ensuring users see a loading indicator immediately.\n\nThe loader can be disabled by:\n1. Adding the 'loader-disabled' attribute to the component\n2. Setting the CSS custom property --primer-loader-disabled: 1\n---\n",
|
|
12
12
|
"doc-url": "",
|
|
13
13
|
"attributes": [
|
|
14
14
|
{
|
|
@@ -24,17 +24,18 @@
|
|
|
24
24
|
"value": { "type": "PrimerCheckoutOptions", "default": "{}" }
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
|
-
"name": "
|
|
27
|
+
"name": "js-initialized",
|
|
28
|
+
"description": "Whether the component has completed initialization and loading\nThis is used to control the CSS-only loader visibility",
|
|
28
29
|
"value": { "type": "boolean", "default": "false" }
|
|
29
30
|
}
|
|
30
31
|
],
|
|
31
32
|
"events": [],
|
|
32
33
|
"js": {
|
|
33
34
|
"properties": [
|
|
35
|
+
{ "name": "jsInitialized", "type": "boolean" },
|
|
34
36
|
{ "name": "customStyles", "type": "string" },
|
|
35
37
|
{ "name": "clientToken", "type": "string" },
|
|
36
38
|
{ "name": "options", "type": "PrimerCheckoutOptions" },
|
|
37
|
-
{ "name": "disableLoader", "type": "boolean" },
|
|
38
39
|
{ "name": "defaultSlot", "type": "HTMLSlotElement" },
|
|
39
40
|
{ "name": "locale", "type": "LocaleCode | undefined" },
|
|
40
41
|
{
|
|
@@ -49,6 +50,14 @@
|
|
|
49
50
|
{
|
|
50
51
|
"name": "styleProcessingController",
|
|
51
52
|
"type": "StyleProcessingController"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "vaultManagerController",
|
|
56
|
+
"type": "VaultManagerController"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "cardNetworkController",
|
|
60
|
+
"type": "CardNetworkController"
|
|
52
61
|
}
|
|
53
62
|
],
|
|
54
63
|
"events": []
|
|
@@ -56,7 +65,7 @@
|
|
|
56
65
|
},
|
|
57
66
|
{
|
|
58
67
|
"name": "primer-button",
|
|
59
|
-
"description": "\n---\n",
|
|
68
|
+
"description": "\n---\n\n\n### **Events:**\n - **selection-change**",
|
|
60
69
|
"doc-url": "",
|
|
61
70
|
"attributes": [
|
|
62
71
|
{
|
|
@@ -70,15 +79,33 @@
|
|
|
70
79
|
"name": "disabled",
|
|
71
80
|
"value": { "type": "boolean", "default": "false" }
|
|
72
81
|
},
|
|
82
|
+
{
|
|
83
|
+
"name": "loading",
|
|
84
|
+
"description": "Loading state of the button\nWhen true, the button will display a spinner and be disabled",
|
|
85
|
+
"value": { "type": "boolean", "default": "false" }
|
|
86
|
+
},
|
|
73
87
|
{
|
|
74
88
|
"name": "buttonType",
|
|
75
89
|
"value": {
|
|
76
90
|
"type": "'button' | 'submit' | 'reset'",
|
|
77
91
|
"default": "'button'"
|
|
78
92
|
}
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"name": "selectionState",
|
|
96
|
+
"description": "Selection state of the button\n- default: Not checked\n- checked: Button is checked",
|
|
97
|
+
"value": {
|
|
98
|
+
"type": "ButtonSelectionState",
|
|
99
|
+
"default": "'default'"
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"name": "selectable",
|
|
104
|
+
"description": "Indicates if this button is selectable/checkable",
|
|
105
|
+
"value": { "type": "boolean", "default": "false" }
|
|
79
106
|
}
|
|
80
107
|
],
|
|
81
|
-
"events": [],
|
|
108
|
+
"events": [{ "name": "selection-change", "type": "CustomEvent" }],
|
|
82
109
|
"js": {
|
|
83
110
|
"properties": [
|
|
84
111
|
{
|
|
@@ -86,9 +113,24 @@
|
|
|
86
113
|
"type": "'primary' | 'secondary' | 'tertiary'"
|
|
87
114
|
},
|
|
88
115
|
{ "name": "disabled", "type": "boolean" },
|
|
89
|
-
{
|
|
116
|
+
{
|
|
117
|
+
"name": "loading",
|
|
118
|
+
"description": "Loading state of the button\nWhen true, the button will display a spinner and be disabled",
|
|
119
|
+
"type": "boolean"
|
|
120
|
+
},
|
|
121
|
+
{ "name": "buttonType", "type": "'button' | 'submit' | 'reset'" },
|
|
122
|
+
{
|
|
123
|
+
"name": "selectionState",
|
|
124
|
+
"description": "Selection state of the button\n- default: Not checked\n- checked: Button is checked",
|
|
125
|
+
"type": "ButtonSelectionState"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"name": "selectable",
|
|
129
|
+
"description": "Indicates if this button is selectable/checkable",
|
|
130
|
+
"type": "boolean"
|
|
131
|
+
}
|
|
90
132
|
],
|
|
91
|
-
"events": []
|
|
133
|
+
"events": [{ "name": "selection-change", "type": "CustomEvent" }]
|
|
92
134
|
}
|
|
93
135
|
},
|
|
94
136
|
{
|
|
@@ -114,6 +156,122 @@
|
|
|
114
156
|
"events": []
|
|
115
157
|
}
|
|
116
158
|
},
|
|
159
|
+
{
|
|
160
|
+
"name": "primer-collapsable",
|
|
161
|
+
"description": "A collapsable component that smoothly expands and collapses content.\nUses CSS Grid for smooth animation and incorporates the primary button.\n---\n\n\n### **Events:**\n - **expanded-changed**\n\n### **Methods:**\n - **expand(): _void_** - Expand the collapsable programmatically\n- **collapse(): _void_** - Collapse the collapsable programmatically",
|
|
162
|
+
"doc-url": "",
|
|
163
|
+
"attributes": [
|
|
164
|
+
{
|
|
165
|
+
"name": "header",
|
|
166
|
+
"description": "The header text for the collapsable",
|
|
167
|
+
"value": { "type": "string", "default": "''" }
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"name": "expanded",
|
|
171
|
+
"description": "Whether the collapsable is expanded by default",
|
|
172
|
+
"value": { "type": "boolean", "default": "false" }
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"name": "expandText",
|
|
176
|
+
"description": "Text for expand button (for accessibility)",
|
|
177
|
+
"value": { "type": "string", "default": "'Expand'" }
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"name": "collapseText",
|
|
181
|
+
"description": "Text for collapse button (for accessibility)",
|
|
182
|
+
"value": { "type": "string", "default": "'Collapse'" }
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": "ariaLabel",
|
|
186
|
+
"description": "ARIA label for the collapsable header",
|
|
187
|
+
"value": { "type": "string", "default": "''" }
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"name": "buttonVariant",
|
|
191
|
+
"description": "The button variant to use",
|
|
192
|
+
"value": { "type": "ButtonVariant", "default": "'primary'" }
|
|
193
|
+
}
|
|
194
|
+
],
|
|
195
|
+
"events": [{ "name": "expanded-changed", "type": "CustomEvent" }],
|
|
196
|
+
"js": {
|
|
197
|
+
"properties": [
|
|
198
|
+
{
|
|
199
|
+
"name": "header",
|
|
200
|
+
"description": "The header text for the collapsable",
|
|
201
|
+
"type": "string"
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"name": "expanded",
|
|
205
|
+
"description": "Whether the collapsable is expanded by default",
|
|
206
|
+
"type": "boolean"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "expandText",
|
|
210
|
+
"description": "Text for expand button (for accessibility)",
|
|
211
|
+
"type": "string"
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
"name": "collapseText",
|
|
215
|
+
"description": "Text for collapse button (for accessibility)",
|
|
216
|
+
"type": "string"
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": "ariaLabel",
|
|
220
|
+
"description": "ARIA label for the collapsable header",
|
|
221
|
+
"type": "string"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"name": "buttonVariant",
|
|
225
|
+
"description": "The button variant to use",
|
|
226
|
+
"type": "ButtonVariant"
|
|
227
|
+
}
|
|
228
|
+
],
|
|
229
|
+
"events": [{ "name": "expanded-changed", "type": "CustomEvent" }]
|
|
230
|
+
}
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"name": "primer-error-message",
|
|
234
|
+
"description": "A reusable atomic error message component that displays error information\nwith appropriate styling and accessibility attributes.\n\nThis component is fully accessible and designed to work with screen readers.\nIt includes animations for visibility transitions.\n---\n\n\n### **CSS Parts:**\n - **error-message** - The main error message container\n- **error-icon** - The error icon container\n- **error-content** - The error text content",
|
|
235
|
+
"doc-url": "",
|
|
236
|
+
"attributes": [
|
|
237
|
+
{
|
|
238
|
+
"name": "message",
|
|
239
|
+
"description": "The error message text to display",
|
|
240
|
+
"value": { "type": "string", "default": "''" }
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"name": "visible",
|
|
244
|
+
"description": "Whether the error message is visible",
|
|
245
|
+
"value": { "type": "boolean", "default": "false" }
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "role",
|
|
249
|
+
"description": "Accessibility role for the error message\nDefaults to \"alert\" for proper screen reader announcements",
|
|
250
|
+
"value": { "type": "string", "default": "'alert'" }
|
|
251
|
+
}
|
|
252
|
+
],
|
|
253
|
+
"events": [],
|
|
254
|
+
"js": {
|
|
255
|
+
"properties": [
|
|
256
|
+
{
|
|
257
|
+
"name": "message",
|
|
258
|
+
"description": "The error message text to display",
|
|
259
|
+
"type": "string"
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"name": "visible",
|
|
263
|
+
"description": "Whether the error message is visible",
|
|
264
|
+
"type": "boolean"
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"name": "role",
|
|
268
|
+
"description": "Accessibility role for the error message\nDefaults to \"alert\" for proper screen reader announcements",
|
|
269
|
+
"type": "string"
|
|
270
|
+
}
|
|
271
|
+
],
|
|
272
|
+
"events": []
|
|
273
|
+
}
|
|
274
|
+
},
|
|
117
275
|
{
|
|
118
276
|
"name": "primer-icon",
|
|
119
277
|
"description": "\n---\n",
|
|
@@ -128,7 +286,7 @@
|
|
|
128
286
|
},
|
|
129
287
|
{
|
|
130
288
|
"name": "size",
|
|
131
|
-
"value": { "type": "'lg' | 'sm'", "default": "'lg'" }
|
|
289
|
+
"value": { "type": "'lg' | 'md' | 'sm'", "default": "'lg'" }
|
|
132
290
|
},
|
|
133
291
|
{
|
|
134
292
|
"name": "name",
|
|
@@ -140,7 +298,7 @@
|
|
|
140
298
|
"js": {
|
|
141
299
|
"properties": [
|
|
142
300
|
{ "name": "color", "type": "string" },
|
|
143
|
-
{ "name": "size", "type": "'lg' | 'sm'" },
|
|
301
|
+
{ "name": "size", "type": "'lg' | 'md' | 'sm'" },
|
|
144
302
|
{
|
|
145
303
|
"name": "name",
|
|
146
304
|
"description": "The name of the icon to draw - available names can be found under library.ts file",
|
|
@@ -442,9 +600,69 @@
|
|
|
442
600
|
"events": []
|
|
443
601
|
}
|
|
444
602
|
},
|
|
603
|
+
{
|
|
604
|
+
"name": "primer-error-message-container",
|
|
605
|
+
"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",
|
|
606
|
+
"doc-url": "",
|
|
607
|
+
"attributes": [
|
|
608
|
+
{
|
|
609
|
+
"name": "show-processing-errors",
|
|
610
|
+
"value": { "type": "boolean", "default": "true" }
|
|
611
|
+
}
|
|
612
|
+
],
|
|
613
|
+
"events": [],
|
|
614
|
+
"js": {
|
|
615
|
+
"properties": [
|
|
616
|
+
{ "name": "showProcessingErrors", "type": "boolean" }
|
|
617
|
+
],
|
|
618
|
+
"events": []
|
|
619
|
+
}
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"name": "primer-klarna",
|
|
623
|
+
"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",
|
|
624
|
+
"doc-url": "",
|
|
625
|
+
"attributes": [
|
|
626
|
+
{
|
|
627
|
+
"name": "paymentManagers",
|
|
628
|
+
"value": {
|
|
629
|
+
"type": "InitializedManagersMap",
|
|
630
|
+
"default": "new Map()"
|
|
631
|
+
}
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "sdkState",
|
|
635
|
+
"value": { "type": "SdkStateContext", "default": "null" }
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "headlessUtils",
|
|
639
|
+
"value": { "type": "HeadlessUnitilsContext", "default": "null" }
|
|
640
|
+
},
|
|
641
|
+
{
|
|
642
|
+
"name": "klarnaCategories",
|
|
643
|
+
"value": {
|
|
644
|
+
"type": "KlarnaCategoriesContext | null",
|
|
645
|
+
"default": "null"
|
|
646
|
+
}
|
|
647
|
+
}
|
|
648
|
+
],
|
|
649
|
+
"events": [],
|
|
650
|
+
"js": {
|
|
651
|
+
"properties": [
|
|
652
|
+
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
653
|
+
{ "name": "sdkState", "type": "SdkStateContext" },
|
|
654
|
+
{ "name": "headlessUtils", "type": "HeadlessUnitilsContext" },
|
|
655
|
+
{
|
|
656
|
+
"name": "klarnaCategories",
|
|
657
|
+
"type": "KlarnaCategoriesContext | null"
|
|
658
|
+
}
|
|
659
|
+
],
|
|
660
|
+
"events": []
|
|
661
|
+
}
|
|
662
|
+
},
|
|
445
663
|
{
|
|
446
664
|
"name": "primer-native-payment",
|
|
447
|
-
"description": "\n---\n",
|
|
665
|
+
"description": "Component for rendering native payment buttons (Apple Pay, Google Pay, PayPal)\nwith proper height calculations based on design system variables.\n---\n",
|
|
448
666
|
"doc-url": "",
|
|
449
667
|
"attributes": [
|
|
450
668
|
{
|
|
@@ -457,6 +675,13 @@
|
|
|
457
675
|
"type": "InitializedManagersMap",
|
|
458
676
|
"default": "new Map()"
|
|
459
677
|
}
|
|
678
|
+
},
|
|
679
|
+
{
|
|
680
|
+
"name": "computedStyles",
|
|
681
|
+
"value": {
|
|
682
|
+
"type": "CSSStyleDeclaration | null",
|
|
683
|
+
"default": "null"
|
|
684
|
+
}
|
|
460
685
|
}
|
|
461
686
|
],
|
|
462
687
|
"events": [],
|
|
@@ -466,7 +691,8 @@
|
|
|
466
691
|
"name": "paymentMethod",
|
|
467
692
|
"type": "InitializedPaymentMethod | undefined"
|
|
468
693
|
},
|
|
469
|
-
{ "name": "paymentManagers", "type": "InitializedManagersMap" }
|
|
694
|
+
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
695
|
+
{ "name": "computedStyles", "type": "CSSStyleDeclaration | null" }
|
|
470
696
|
],
|
|
471
697
|
"events": []
|
|
472
698
|
}
|
|
@@ -485,14 +711,14 @@
|
|
|
485
711
|
},
|
|
486
712
|
{
|
|
487
713
|
"name": "paymentMethods",
|
|
488
|
-
"value": { "type": "
|
|
714
|
+
"value": { "type": "PaymentMethodsContext", "default": "null" }
|
|
489
715
|
}
|
|
490
716
|
],
|
|
491
717
|
"events": [],
|
|
492
718
|
"js": {
|
|
493
719
|
"properties": [
|
|
494
720
|
{ "name": "type", "type": "PaymentMethodType | undefined" },
|
|
495
|
-
{ "name": "paymentMethods", "type": "
|
|
721
|
+
{ "name": "paymentMethods", "type": "PaymentMethodsContext" }
|
|
496
722
|
],
|
|
497
723
|
"events": []
|
|
498
724
|
}
|
|
@@ -506,15 +732,18 @@
|
|
|
506
732
|
"js": { "properties": [], "events": [] }
|
|
507
733
|
},
|
|
508
734
|
{
|
|
509
|
-
"name": "primer-checkout-
|
|
735
|
+
"name": "primer-checkout-error",
|
|
510
736
|
"description": "\n---\n",
|
|
511
737
|
"doc-url": "",
|
|
512
|
-
"attributes": [
|
|
738
|
+
"attributes": [
|
|
739
|
+
{
|
|
740
|
+
"name": "sdkState",
|
|
741
|
+
"value": { "type": "SdkStateContext", "default": "null" }
|
|
742
|
+
}
|
|
743
|
+
],
|
|
513
744
|
"events": [],
|
|
514
745
|
"js": {
|
|
515
|
-
"properties": [
|
|
516
|
-
{ "name": "sdkState", "type": "HeadlessSDKState | undefined" }
|
|
517
|
-
],
|
|
746
|
+
"properties": [{ "name": "sdkState", "type": "SdkStateContext" }],
|
|
518
747
|
"events": []
|
|
519
748
|
}
|
|
520
749
|
},
|
|
@@ -525,21 +754,18 @@
|
|
|
525
754
|
"attributes": [
|
|
526
755
|
{
|
|
527
756
|
"name": "paymentMethods",
|
|
528
|
-
"value": { "type": "
|
|
757
|
+
"value": { "type": "PaymentMethodsContext", "default": "null" }
|
|
529
758
|
},
|
|
530
759
|
{
|
|
531
760
|
"name": "sdkState",
|
|
532
|
-
"value": {
|
|
533
|
-
"type": "SdkStateContext | undefined",
|
|
534
|
-
"default": "undefined"
|
|
535
|
-
}
|
|
761
|
+
"value": { "type": "SdkStateContext", "default": "null" }
|
|
536
762
|
}
|
|
537
763
|
],
|
|
538
764
|
"events": [],
|
|
539
765
|
"js": {
|
|
540
766
|
"properties": [
|
|
541
|
-
{ "name": "paymentMethods", "type": "
|
|
542
|
-
{ "name": "sdkState", "type": "SdkStateContext
|
|
767
|
+
{ "name": "paymentMethods", "type": "PaymentMethodsContext" },
|
|
768
|
+
{ "name": "sdkState", "type": "SdkStateContext" }
|
|
543
769
|
],
|
|
544
770
|
"events": []
|
|
545
771
|
}
|
|
@@ -552,20 +778,6 @@
|
|
|
552
778
|
{
|
|
553
779
|
"name": "paymentMethod",
|
|
554
780
|
"value": { "type": "InitializedPaymentMethod | undefined" }
|
|
555
|
-
},
|
|
556
|
-
{
|
|
557
|
-
"name": "paymentManagers",
|
|
558
|
-
"value": {
|
|
559
|
-
"type": "InitializedManagersMap",
|
|
560
|
-
"default": "new Map()"
|
|
561
|
-
}
|
|
562
|
-
},
|
|
563
|
-
{
|
|
564
|
-
"name": "sdkState",
|
|
565
|
-
"value": {
|
|
566
|
-
"type": "SdkStateContext | undefined",
|
|
567
|
-
"default": "undefined"
|
|
568
|
-
}
|
|
569
781
|
}
|
|
570
782
|
],
|
|
571
783
|
"events": [],
|
|
@@ -576,7 +788,51 @@
|
|
|
576
788
|
"type": "InitializedPaymentMethod | undefined"
|
|
577
789
|
},
|
|
578
790
|
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
579
|
-
{ "name": "sdkState", "type": "SdkStateContext
|
|
791
|
+
{ "name": "sdkState", "type": "SdkStateContext" },
|
|
792
|
+
{ "name": "headlessUtils", "type": "HeadlessUnitilsContext" }
|
|
793
|
+
],
|
|
794
|
+
"events": []
|
|
795
|
+
}
|
|
796
|
+
},
|
|
797
|
+
{
|
|
798
|
+
"name": "primer-show-other-payments",
|
|
799
|
+
"description": "Component for showing/hiding other payment methods when vault is present\nUtilizes the collapsable component for smooth transitions\n---\n",
|
|
800
|
+
"doc-url": "",
|
|
801
|
+
"attributes": [],
|
|
802
|
+
"events": [],
|
|
803
|
+
"js": {
|
|
804
|
+
"properties": [
|
|
805
|
+
{
|
|
806
|
+
"name": "vaultManager",
|
|
807
|
+
"description": "Consume the vault manager context to interact with vault state",
|
|
808
|
+
"type": "VaultManagerContext"
|
|
809
|
+
}
|
|
810
|
+
],
|
|
811
|
+
"events": []
|
|
812
|
+
}
|
|
813
|
+
},
|
|
814
|
+
{
|
|
815
|
+
"name": "primer-vault-manager",
|
|
816
|
+
"description": "VaultManagerComponent - displays and manages saved payment methods\n---\n",
|
|
817
|
+
"doc-url": "",
|
|
818
|
+
"attributes": [],
|
|
819
|
+
"events": [],
|
|
820
|
+
"js": {
|
|
821
|
+
"properties": [
|
|
822
|
+
{
|
|
823
|
+
"name": "addEventListener",
|
|
824
|
+
"description": "Strongly typed event declarations",
|
|
825
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"name": "removeEventListener",
|
|
829
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"name": "vaultManagerContext",
|
|
833
|
+
"description": "The vault manager core context from the SDK\nContains vault-related functionality and state",
|
|
834
|
+
"type": "VaultManagerContext"
|
|
835
|
+
}
|
|
580
836
|
],
|
|
581
837
|
"events": []
|
|
582
838
|
}
|
|
@@ -591,6 +847,18 @@
|
|
|
591
847
|
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
592
848
|
"value": { "type": "string" }
|
|
593
849
|
},
|
|
850
|
+
{
|
|
851
|
+
"name": "headlessInstance",
|
|
852
|
+
"value": { "type": "HeadlessUnitilsContext", "default": "null" }
|
|
853
|
+
},
|
|
854
|
+
{
|
|
855
|
+
"name": "clientOptions",
|
|
856
|
+
"value": { "type": "ClientOptionsContext", "default": "null" }
|
|
857
|
+
},
|
|
858
|
+
{
|
|
859
|
+
"name": "sdkState",
|
|
860
|
+
"value": { "type": "SdkStateContext", "default": "null" }
|
|
861
|
+
},
|
|
594
862
|
{
|
|
595
863
|
"name": "variant",
|
|
596
864
|
"description": "The button variant to use.",
|
|
@@ -610,6 +878,9 @@
|
|
|
610
878
|
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
611
879
|
"type": "string"
|
|
612
880
|
},
|
|
881
|
+
{ "name": "headlessInstance", "type": "HeadlessUnitilsContext" },
|
|
882
|
+
{ "name": "clientOptions", "type": "ClientOptionsContext" },
|
|
883
|
+
{ "name": "sdkState", "type": "SdkStateContext" },
|
|
613
884
|
{
|
|
614
885
|
"name": "variant",
|
|
615
886
|
"description": "The button variant to use.",
|
|
@@ -641,8 +912,9 @@
|
|
|
641
912
|
{
|
|
642
913
|
"name": "cardNetworks",
|
|
643
914
|
"description": "Card networks context from provider",
|
|
644
|
-
"type": "CardNetworksContext
|
|
645
|
-
}
|
|
915
|
+
"type": "CardNetworksContext"
|
|
916
|
+
},
|
|
917
|
+
{ "name": "headlessUtils", "type": "HeadlessUnitilsContext" }
|
|
646
918
|
],
|
|
647
919
|
"events": [
|
|
648
920
|
{
|
|
@@ -655,9 +927,16 @@
|
|
|
655
927
|
},
|
|
656
928
|
{
|
|
657
929
|
"name": "primer-input-card-expiry",
|
|
658
|
-
"description": "\n---\n\n\n### **Methods:**\n \n",
|
|
930
|
+
"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",
|
|
659
931
|
"doc-url": "",
|
|
660
932
|
"attributes": [
|
|
933
|
+
{
|
|
934
|
+
"name": "computedStyles",
|
|
935
|
+
"value": {
|
|
936
|
+
"type": "CSSStyleDeclaration | null",
|
|
937
|
+
"default": "null"
|
|
938
|
+
}
|
|
939
|
+
},
|
|
661
940
|
{
|
|
662
941
|
"name": "label",
|
|
663
942
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -678,6 +957,10 @@
|
|
|
678
957
|
"js": {
|
|
679
958
|
"properties": [
|
|
680
959
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
960
|
+
{
|
|
961
|
+
"name": "computedStyles",
|
|
962
|
+
"type": "CSSStyleDeclaration | null"
|
|
963
|
+
},
|
|
681
964
|
{
|
|
682
965
|
"name": "label",
|
|
683
966
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -699,9 +982,16 @@
|
|
|
699
982
|
},
|
|
700
983
|
{
|
|
701
984
|
"name": "primer-input-card-holder-name",
|
|
702
|
-
"description": "\n---\n\n\n### **Methods:**\n \n",
|
|
985
|
+
"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",
|
|
703
986
|
"doc-url": "",
|
|
704
987
|
"attributes": [
|
|
988
|
+
{
|
|
989
|
+
"name": "computedStyles",
|
|
990
|
+
"value": {
|
|
991
|
+
"type": "CSSStyleDeclaration | null",
|
|
992
|
+
"default": "null"
|
|
993
|
+
}
|
|
994
|
+
},
|
|
705
995
|
{
|
|
706
996
|
"name": "label",
|
|
707
997
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -722,6 +1012,10 @@
|
|
|
722
1012
|
"js": {
|
|
723
1013
|
"properties": [
|
|
724
1014
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
1015
|
+
{
|
|
1016
|
+
"name": "computedStyles",
|
|
1017
|
+
"type": "CSSStyleDeclaration | null"
|
|
1018
|
+
},
|
|
725
1019
|
{
|
|
726
1020
|
"name": "label",
|
|
727
1021
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -743,9 +1037,16 @@
|
|
|
743
1037
|
},
|
|
744
1038
|
{
|
|
745
1039
|
"name": "primer-input-card-number",
|
|
746
|
-
"description": "Card number input component with dynamic card network detection and selection\n---\n\n\n### **Methods:**\n \n",
|
|
1040
|
+
"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",
|
|
747
1041
|
"doc-url": "",
|
|
748
1042
|
"attributes": [
|
|
1043
|
+
{
|
|
1044
|
+
"name": "computedStyles",
|
|
1045
|
+
"value": {
|
|
1046
|
+
"type": "CSSStyleDeclaration | null",
|
|
1047
|
+
"default": "null"
|
|
1048
|
+
}
|
|
1049
|
+
},
|
|
749
1050
|
{
|
|
750
1051
|
"name": "label",
|
|
751
1052
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -766,6 +1067,10 @@
|
|
|
766
1067
|
"js": {
|
|
767
1068
|
"properties": [
|
|
768
1069
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
1070
|
+
{
|
|
1071
|
+
"name": "computedStyles",
|
|
1072
|
+
"type": "CSSStyleDeclaration | null"
|
|
1073
|
+
},
|
|
769
1074
|
{
|
|
770
1075
|
"name": "label",
|
|
771
1076
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -787,9 +1092,16 @@
|
|
|
787
1092
|
},
|
|
788
1093
|
{
|
|
789
1094
|
"name": "primer-input-cvv",
|
|
790
|
-
"description": "\n---\n\n\n### **Methods:**\n \n",
|
|
1095
|
+
"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",
|
|
791
1096
|
"doc-url": "",
|
|
792
1097
|
"attributes": [
|
|
1098
|
+
{
|
|
1099
|
+
"name": "computedStyles",
|
|
1100
|
+
"value": {
|
|
1101
|
+
"type": "CSSStyleDeclaration | null",
|
|
1102
|
+
"default": "null"
|
|
1103
|
+
}
|
|
1104
|
+
},
|
|
793
1105
|
{
|
|
794
1106
|
"name": "label",
|
|
795
1107
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -810,6 +1122,10 @@
|
|
|
810
1122
|
"js": {
|
|
811
1123
|
"properties": [
|
|
812
1124
|
{ "name": "cardFormContext", "type": "CardFormContext | null" },
|
|
1125
|
+
{
|
|
1126
|
+
"name": "computedStyles",
|
|
1127
|
+
"type": "CSSStyleDeclaration | null"
|
|
1128
|
+
},
|
|
813
1129
|
{
|
|
814
1130
|
"name": "label",
|
|
815
1131
|
"description": "The input label text.\nFalls back to localized default if not explicitly set.",
|
|
@@ -828,6 +1144,307 @@
|
|
|
828
1144
|
],
|
|
829
1145
|
"events": []
|
|
830
1146
|
}
|
|
1147
|
+
},
|
|
1148
|
+
{
|
|
1149
|
+
"name": "primer-vault-cvv-input",
|
|
1150
|
+
"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",
|
|
1151
|
+
"doc-url": "",
|
|
1152
|
+
"attributes": [
|
|
1153
|
+
{
|
|
1154
|
+
"name": "computedStyles",
|
|
1155
|
+
"value": {
|
|
1156
|
+
"type": "CSSStyleDeclaration | null",
|
|
1157
|
+
"default": "null"
|
|
1158
|
+
}
|
|
1159
|
+
},
|
|
1160
|
+
{
|
|
1161
|
+
"name": "paymentMethod",
|
|
1162
|
+
"value": {
|
|
1163
|
+
"type": "PaymentCardVaultedMethod | null",
|
|
1164
|
+
"default": "null"
|
|
1165
|
+
}
|
|
1166
|
+
}
|
|
1167
|
+
],
|
|
1168
|
+
"events": [],
|
|
1169
|
+
"js": {
|
|
1170
|
+
"properties": [
|
|
1171
|
+
{
|
|
1172
|
+
"name": "vaultManagerFormContext",
|
|
1173
|
+
"description": "Form context for checking form dirty state",
|
|
1174
|
+
"type": "VaultManagerContext"
|
|
1175
|
+
},
|
|
1176
|
+
{
|
|
1177
|
+
"name": "vaultManagerCvvContext",
|
|
1178
|
+
"description": "CVV-specific context for dedicated CVV handling\nSeparated to minimize re-renders on frequent CVV input changes",
|
|
1179
|
+
"type": "VaultItemContext"
|
|
1180
|
+
},
|
|
1181
|
+
{
|
|
1182
|
+
"name": "computedStyles",
|
|
1183
|
+
"type": "CSSStyleDeclaration | null"
|
|
1184
|
+
},
|
|
1185
|
+
{
|
|
1186
|
+
"name": "paymentMethod",
|
|
1187
|
+
"type": "PaymentCardVaultedMethod | null"
|
|
1188
|
+
}
|
|
1189
|
+
],
|
|
1190
|
+
"events": []
|
|
1191
|
+
}
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"name": "primer-vault-delete-confirmation",
|
|
1195
|
+
"description": "VaultDeleteConfirmationComponent - displays confirmation UI for deleting a payment method\n---\n\n\n### **Events:**\n - **confirm-delete**\n- **cancel-delete**",
|
|
1196
|
+
"doc-url": "",
|
|
1197
|
+
"attributes": [
|
|
1198
|
+
{
|
|
1199
|
+
"name": "isDeleting",
|
|
1200
|
+
"description": "Whether a delete operation is in progress",
|
|
1201
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1202
|
+
},
|
|
1203
|
+
{
|
|
1204
|
+
"name": "paymentMethodId",
|
|
1205
|
+
"description": "The ID of the payment method being deleted",
|
|
1206
|
+
"value": { "type": "string", "default": "''" }
|
|
1207
|
+
},
|
|
1208
|
+
{
|
|
1209
|
+
"name": "paymentMethodName",
|
|
1210
|
+
"description": "Payment method name to display in confirmation",
|
|
1211
|
+
"value": { "type": "string", "default": "''" }
|
|
1212
|
+
}
|
|
1213
|
+
],
|
|
1214
|
+
"events": [
|
|
1215
|
+
{ "name": "confirm-delete", "type": "CustomEvent" },
|
|
1216
|
+
{ "name": "cancel-delete", "type": "CustomEvent" }
|
|
1217
|
+
],
|
|
1218
|
+
"js": {
|
|
1219
|
+
"properties": [
|
|
1220
|
+
{
|
|
1221
|
+
"name": "addEventListener",
|
|
1222
|
+
"description": "Strongly typed event declarations",
|
|
1223
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1224
|
+
},
|
|
1225
|
+
{
|
|
1226
|
+
"name": "removeEventListener",
|
|
1227
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1228
|
+
},
|
|
1229
|
+
{
|
|
1230
|
+
"name": "isDeleting",
|
|
1231
|
+
"description": "Whether a delete operation is in progress",
|
|
1232
|
+
"type": "boolean"
|
|
1233
|
+
},
|
|
1234
|
+
{
|
|
1235
|
+
"name": "paymentMethodId",
|
|
1236
|
+
"description": "The ID of the payment method being deleted",
|
|
1237
|
+
"type": "string"
|
|
1238
|
+
},
|
|
1239
|
+
{
|
|
1240
|
+
"name": "paymentMethodName",
|
|
1241
|
+
"description": "Payment method name to display in confirmation",
|
|
1242
|
+
"type": "string"
|
|
1243
|
+
},
|
|
1244
|
+
{
|
|
1245
|
+
"name": "vaultManager",
|
|
1246
|
+
"description": "Consume the vault manager context to access payment method info",
|
|
1247
|
+
"type": "VaultManagerContext"
|
|
1248
|
+
}
|
|
1249
|
+
],
|
|
1250
|
+
"events": [
|
|
1251
|
+
{ "name": "confirm-delete", "type": "CustomEvent" },
|
|
1252
|
+
{ "name": "cancel-delete", "type": "CustomEvent" }
|
|
1253
|
+
]
|
|
1254
|
+
}
|
|
1255
|
+
},
|
|
1256
|
+
{
|
|
1257
|
+
"name": "primer-vault-empty-state",
|
|
1258
|
+
"description": "VaultEmptyStateComponent - displays when no payment methods are available\n---\n",
|
|
1259
|
+
"doc-url": "",
|
|
1260
|
+
"attributes": [],
|
|
1261
|
+
"events": [],
|
|
1262
|
+
"js": { "properties": [], "events": [] }
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"name": "primer-vault-error-message",
|
|
1266
|
+
"description": "VaultErrorMessageComponent - displays error messages with improved visuals\n---\n\n\n### **Events:**\n - **close-error**",
|
|
1267
|
+
"doc-url": "",
|
|
1268
|
+
"attributes": [
|
|
1269
|
+
{
|
|
1270
|
+
"name": "errorMessage",
|
|
1271
|
+
"description": "The error message to display",
|
|
1272
|
+
"value": { "type": "string", "default": "''" }
|
|
1273
|
+
}
|
|
1274
|
+
],
|
|
1275
|
+
"events": [{ "name": "close-error", "type": "CustomEvent" }],
|
|
1276
|
+
"js": {
|
|
1277
|
+
"properties": [
|
|
1278
|
+
{
|
|
1279
|
+
"name": "addEventListener",
|
|
1280
|
+
"description": "Strongly typed event declarations",
|
|
1281
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1282
|
+
},
|
|
1283
|
+
{
|
|
1284
|
+
"name": "removeEventListener",
|
|
1285
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1286
|
+
},
|
|
1287
|
+
{
|
|
1288
|
+
"name": "errorMessage",
|
|
1289
|
+
"description": "The error message to display",
|
|
1290
|
+
"type": "string"
|
|
1291
|
+
}
|
|
1292
|
+
],
|
|
1293
|
+
"events": [{ "name": "close-error", "type": "CustomEvent" }]
|
|
1294
|
+
}
|
|
1295
|
+
},
|
|
1296
|
+
{
|
|
1297
|
+
"name": "primer-vault-manager-header",
|
|
1298
|
+
"description": "VaultManagerHeaderComponent - displays the header for the vault manager\n---\n\n\n### **Events:**\n - **toggle-edit-mode**",
|
|
1299
|
+
"doc-url": "",
|
|
1300
|
+
"attributes": [
|
|
1301
|
+
{
|
|
1302
|
+
"name": "isEditMode",
|
|
1303
|
+
"description": "Whether we're in edit mode",
|
|
1304
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1305
|
+
},
|
|
1306
|
+
{
|
|
1307
|
+
"name": "hasPaymentMethods",
|
|
1308
|
+
"description": "Whether we have payment methods to edit",
|
|
1309
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1310
|
+
}
|
|
1311
|
+
],
|
|
1312
|
+
"events": [{ "name": "toggle-edit-mode", "type": "CustomEvent" }],
|
|
1313
|
+
"js": {
|
|
1314
|
+
"properties": [
|
|
1315
|
+
{
|
|
1316
|
+
"name": "addEventListener",
|
|
1317
|
+
"description": "Strongly typed event declarations",
|
|
1318
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
"name": "removeEventListener",
|
|
1322
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1323
|
+
},
|
|
1324
|
+
{
|
|
1325
|
+
"name": "isEditMode",
|
|
1326
|
+
"description": "Whether we're in edit mode",
|
|
1327
|
+
"type": "boolean"
|
|
1328
|
+
},
|
|
1329
|
+
{
|
|
1330
|
+
"name": "hasPaymentMethods",
|
|
1331
|
+
"description": "Whether we have payment methods to edit",
|
|
1332
|
+
"type": "boolean"
|
|
1333
|
+
}
|
|
1334
|
+
],
|
|
1335
|
+
"events": [{ "name": "toggle-edit-mode", "type": "CustomEvent" }]
|
|
1336
|
+
}
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"name": "primer-vault-payment-method-item",
|
|
1340
|
+
"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\n---\n\n\n### **Events:**\n - **delete-payment-method**",
|
|
1341
|
+
"doc-url": "",
|
|
1342
|
+
"attributes": [
|
|
1343
|
+
{
|
|
1344
|
+
"name": "headlessUtils",
|
|
1345
|
+
"value": { "type": "HeadlessUnitilsContext", "default": "null" }
|
|
1346
|
+
},
|
|
1347
|
+
{
|
|
1348
|
+
"name": "isEditMode",
|
|
1349
|
+
"description": "Whether the component is in edit mode",
|
|
1350
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1351
|
+
}
|
|
1352
|
+
],
|
|
1353
|
+
"events": [
|
|
1354
|
+
{ "name": "delete-payment-method", "type": "CustomEvent" }
|
|
1355
|
+
],
|
|
1356
|
+
"js": {
|
|
1357
|
+
"properties": [
|
|
1358
|
+
{
|
|
1359
|
+
"name": "addEventListener",
|
|
1360
|
+
"description": "Strongly typed event declarations",
|
|
1361
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1362
|
+
},
|
|
1363
|
+
{
|
|
1364
|
+
"name": "removeEventListener",
|
|
1365
|
+
"type": "<K extends keyof VaultManagerEventMap>(\n type: K,\n listener: (ev: VaultManagerEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n ) => void"
|
|
1366
|
+
},
|
|
1367
|
+
{
|
|
1368
|
+
"name": "vaultManagerContext",
|
|
1369
|
+
"description": "Consume the vault manager context",
|
|
1370
|
+
"type": "VaultManagerContext"
|
|
1371
|
+
},
|
|
1372
|
+
{ "name": "vaultItemContext", "type": "VaultItemContext" },
|
|
1373
|
+
{ "name": "headlessUtils", "type": "HeadlessUnitilsContext" },
|
|
1374
|
+
{
|
|
1375
|
+
"name": "paymentMethod",
|
|
1376
|
+
"description": "The payment method to display",
|
|
1377
|
+
"type": "VaultedPaymentMethod | null"
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"name": "isEditMode",
|
|
1381
|
+
"description": "Whether the component is in edit mode",
|
|
1382
|
+
"type": "boolean"
|
|
1383
|
+
}
|
|
1384
|
+
],
|
|
1385
|
+
"events": [
|
|
1386
|
+
{ "name": "delete-payment-method", "type": "CustomEvent" }
|
|
1387
|
+
]
|
|
1388
|
+
}
|
|
1389
|
+
},
|
|
1390
|
+
{
|
|
1391
|
+
"name": "primer-vault-payment-submit",
|
|
1392
|
+
"description": "A submit button component for vault payment flows.\nProvides a consistent submit button with translation support.\nIntegrates with the vault manager context to handle payment submission.\n---\n",
|
|
1393
|
+
"doc-url": "",
|
|
1394
|
+
"attributes": [
|
|
1395
|
+
{
|
|
1396
|
+
"name": "buttonText",
|
|
1397
|
+
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
1398
|
+
"value": { "type": "string" }
|
|
1399
|
+
},
|
|
1400
|
+
{
|
|
1401
|
+
"name": "headlessInstance",
|
|
1402
|
+
"value": { "type": "HeadlessUnitilsContext", "default": "null" }
|
|
1403
|
+
},
|
|
1404
|
+
{
|
|
1405
|
+
"name": "sdkState",
|
|
1406
|
+
"value": { "type": "SdkStateContext", "default": "null" }
|
|
1407
|
+
},
|
|
1408
|
+
{
|
|
1409
|
+
"name": "variant",
|
|
1410
|
+
"description": "The button variant to use.",
|
|
1411
|
+
"value": { "type": "string", "default": "'primary'" }
|
|
1412
|
+
},
|
|
1413
|
+
{
|
|
1414
|
+
"name": "disabled",
|
|
1415
|
+
"description": "Whether the button is disabled.\nThis property allows external disabling of the button\nregardless of the context state.",
|
|
1416
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1417
|
+
}
|
|
1418
|
+
],
|
|
1419
|
+
"events": [],
|
|
1420
|
+
"js": {
|
|
1421
|
+
"properties": [
|
|
1422
|
+
{
|
|
1423
|
+
"name": "buttonText",
|
|
1424
|
+
"description": "The button text to display.\nFalls back to localized default if not explicitly set.",
|
|
1425
|
+
"type": "string"
|
|
1426
|
+
},
|
|
1427
|
+
{ "name": "headlessInstance", "type": "HeadlessUnitilsContext" },
|
|
1428
|
+
{ "name": "sdkState", "type": "SdkStateContext" },
|
|
1429
|
+
{ "name": "vaultItemContext", "type": "VaultItemContext" },
|
|
1430
|
+
{ "name": "vaultManager", "type": "VaultManagerContext" },
|
|
1431
|
+
{
|
|
1432
|
+
"name": "clientOptions",
|
|
1433
|
+
"type": "PrimerCheckoutOptions | null"
|
|
1434
|
+
},
|
|
1435
|
+
{
|
|
1436
|
+
"name": "variant",
|
|
1437
|
+
"description": "The button variant to use.",
|
|
1438
|
+
"type": "string"
|
|
1439
|
+
},
|
|
1440
|
+
{
|
|
1441
|
+
"name": "disabled",
|
|
1442
|
+
"description": "Whether the button is disabled.\nThis property allows external disabling of the button\nregardless of the context state.",
|
|
1443
|
+
"type": "boolean"
|
|
1444
|
+
}
|
|
1445
|
+
],
|
|
1446
|
+
"events": []
|
|
1447
|
+
}
|
|
831
1448
|
}
|
|
832
1449
|
]
|
|
833
1450
|
}
|