@primer-io/primer-js 0.3.11 → 0.3.12
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 +6 -0
- package/dist/custom-elements.json +2429 -1822
- package/dist/jsx/index.d.ts +66 -19
- package/dist/primer-loader.d.ts +83 -40
- package/dist/primer-loader.js +21 -33
- package/dist/vscode.html-custom-data.json +48 -20
- package/dist/web-types.json +103 -46
- package/package.json +3 -2
|
@@ -316,26 +316,6 @@
|
|
|
316
316
|
],
|
|
317
317
|
"references": []
|
|
318
318
|
},
|
|
319
|
-
{
|
|
320
|
-
"name": "primer-native-payment",
|
|
321
|
-
"description": "Component for rendering native payment buttons (Apple Pay, Google Pay, PayPal)\nwith proper height calculations based on design system variables.\n---\n",
|
|
322
|
-
"attributes": [
|
|
323
|
-
{
|
|
324
|
-
"name": "paymentMethod",
|
|
325
|
-
"values": [{ "name": "InitializedPaymentMethod" }]
|
|
326
|
-
},
|
|
327
|
-
{
|
|
328
|
-
"name": "paymentManagers",
|
|
329
|
-
"values": [{ "name": "InitializedManagersMap" }]
|
|
330
|
-
},
|
|
331
|
-
{
|
|
332
|
-
"name": "computedStyles",
|
|
333
|
-
"values": [{ "name": "CSSStyleDeclaration" }]
|
|
334
|
-
},
|
|
335
|
-
{ "name": "disabled", "values": [] }
|
|
336
|
-
],
|
|
337
|
-
"references": []
|
|
338
|
-
},
|
|
339
319
|
{
|
|
340
320
|
"name": "primer-payment-method",
|
|
341
321
|
"description": "\n---\n",
|
|
@@ -587,6 +567,54 @@
|
|
|
587
567
|
],
|
|
588
568
|
"references": []
|
|
589
569
|
},
|
|
570
|
+
{
|
|
571
|
+
"name": "primer-apple-pay",
|
|
572
|
+
"description": "Apple Pay component with standard button container rendering.\n\nApple Pay uses the standard button container approach:\n- Renders to a button container div (not shadow root)\n- Passes buttonHeight in render options\n- Uses updateOverlayForContainer for disabled state\n- Simpler than Google Pay's shadow root approach\n---\n",
|
|
573
|
+
"attributes": [
|
|
574
|
+
{
|
|
575
|
+
"name": "paymentMethod",
|
|
576
|
+
"values": [{ "name": "InitializedPaymentMethod" }]
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
"name": "paymentManagers",
|
|
580
|
+
"values": [{ "name": "InitializedManagersMap" }]
|
|
581
|
+
},
|
|
582
|
+
{ "name": "disabled", "values": [] }
|
|
583
|
+
],
|
|
584
|
+
"references": []
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"name": "primer-google-pay",
|
|
588
|
+
"description": "Google Pay component with shadow root rendering for full-width button support.\n\nGoogle Pay requires special rendering logic:\n- Renders directly to shadow root (not button container)\n- Does NOT render .native-button-container div\n- Passes shadowRoot: true in render options\n- Requires retry logic for async button rendering\n---\n",
|
|
589
|
+
"attributes": [
|
|
590
|
+
{
|
|
591
|
+
"name": "paymentMethod",
|
|
592
|
+
"values": [{ "name": "InitializedPaymentMethod" }]
|
|
593
|
+
},
|
|
594
|
+
{
|
|
595
|
+
"name": "paymentManagers",
|
|
596
|
+
"values": [{ "name": "InitializedManagersMap" }]
|
|
597
|
+
},
|
|
598
|
+
{ "name": "disabled", "values": [] }
|
|
599
|
+
],
|
|
600
|
+
"references": []
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"name": "primer-paypal",
|
|
604
|
+
"description": "PayPal component with standard button container rendering.\n\nPayPal uses the standard button container approach:\n- Renders to a button container div (not shadow root)\n- Passes buttonHeight in render options with PayPal SDK constraints (25-55px)\n- Uses updateOverlayForContainer for disabled state\n- Warns if height exceeds maximum allowed by PayPal SDK\n---\n",
|
|
605
|
+
"attributes": [
|
|
606
|
+
{
|
|
607
|
+
"name": "paymentMethod",
|
|
608
|
+
"values": [{ "name": "InitializedPaymentMethod" }]
|
|
609
|
+
},
|
|
610
|
+
{
|
|
611
|
+
"name": "paymentManagers",
|
|
612
|
+
"values": [{ "name": "InitializedManagersMap" }]
|
|
613
|
+
},
|
|
614
|
+
{ "name": "disabled", "values": [] }
|
|
615
|
+
],
|
|
616
|
+
"references": []
|
|
617
|
+
},
|
|
590
618
|
{
|
|
591
619
|
"name": "primer-payment-method-content",
|
|
592
620
|
"description": "PaymentMethodContentComponent - renders payment method information with icon and details\nThis component encapsulates the display logic and styles for payment method content\nso it can be reused across different containers without style conflicts\n---\n",
|
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": "0.3.
|
|
4
|
+
"version": "0.3.12",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -820,51 +820,6 @@
|
|
|
820
820
|
"events": []
|
|
821
821
|
}
|
|
822
822
|
},
|
|
823
|
-
{
|
|
824
|
-
"name": "primer-native-payment",
|
|
825
|
-
"description": "Component for rendering native payment buttons (Apple Pay, Google Pay, PayPal)\nwith proper height calculations based on design system variables.\n---\n",
|
|
826
|
-
"doc-url": "",
|
|
827
|
-
"attributes": [
|
|
828
|
-
{
|
|
829
|
-
"name": "paymentMethod",
|
|
830
|
-
"value": { "type": "InitializedPaymentMethod | undefined" }
|
|
831
|
-
},
|
|
832
|
-
{
|
|
833
|
-
"name": "paymentManagers",
|
|
834
|
-
"value": {
|
|
835
|
-
"type": "InitializedManagersMap",
|
|
836
|
-
"default": "new Map()"
|
|
837
|
-
}
|
|
838
|
-
},
|
|
839
|
-
{
|
|
840
|
-
"name": "computedStyles",
|
|
841
|
-
"value": {
|
|
842
|
-
"type": "CSSStyleDeclaration | null",
|
|
843
|
-
"default": "null"
|
|
844
|
-
}
|
|
845
|
-
},
|
|
846
|
-
{
|
|
847
|
-
"name": "disabled",
|
|
848
|
-
"value": { "type": "boolean", "default": "false" }
|
|
849
|
-
}
|
|
850
|
-
],
|
|
851
|
-
"events": [],
|
|
852
|
-
"js": {
|
|
853
|
-
"properties": [
|
|
854
|
-
{
|
|
855
|
-
"name": "paymentMethod",
|
|
856
|
-
"type": "InitializedPaymentMethod | undefined"
|
|
857
|
-
},
|
|
858
|
-
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
859
|
-
{
|
|
860
|
-
"name": "computedStyles",
|
|
861
|
-
"type": "CSSStyleDeclaration | null"
|
|
862
|
-
},
|
|
863
|
-
{ "name": "disabled", "type": "boolean" }
|
|
864
|
-
],
|
|
865
|
-
"events": []
|
|
866
|
-
}
|
|
867
|
-
},
|
|
868
823
|
{
|
|
869
824
|
"name": "primer-payment-method",
|
|
870
825
|
"description": "\n---\n",
|
|
@@ -1439,6 +1394,108 @@
|
|
|
1439
1394
|
"events": []
|
|
1440
1395
|
}
|
|
1441
1396
|
},
|
|
1397
|
+
{
|
|
1398
|
+
"name": "primer-apple-pay",
|
|
1399
|
+
"description": "Apple Pay component with standard button container rendering.\n\nApple Pay uses the standard button container approach:\n- Renders to a button container div (not shadow root)\n- Passes buttonHeight in render options\n- Uses updateOverlayForContainer for disabled state\n- Simpler than Google Pay's shadow root approach\n---\n",
|
|
1400
|
+
"doc-url": "",
|
|
1401
|
+
"attributes": [
|
|
1402
|
+
{
|
|
1403
|
+
"name": "paymentMethod",
|
|
1404
|
+
"value": { "type": "InitializedPaymentMethod | undefined" }
|
|
1405
|
+
},
|
|
1406
|
+
{
|
|
1407
|
+
"name": "paymentManagers",
|
|
1408
|
+
"value": {
|
|
1409
|
+
"type": "InitializedManagersMap",
|
|
1410
|
+
"default": "new Map()"
|
|
1411
|
+
}
|
|
1412
|
+
},
|
|
1413
|
+
{
|
|
1414
|
+
"name": "disabled",
|
|
1415
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1416
|
+
}
|
|
1417
|
+
],
|
|
1418
|
+
"events": [],
|
|
1419
|
+
"js": {
|
|
1420
|
+
"properties": [
|
|
1421
|
+
{
|
|
1422
|
+
"name": "paymentMethod",
|
|
1423
|
+
"type": "InitializedPaymentMethod | undefined"
|
|
1424
|
+
},
|
|
1425
|
+
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
1426
|
+
{ "name": "disabled", "type": "boolean" }
|
|
1427
|
+
],
|
|
1428
|
+
"events": []
|
|
1429
|
+
}
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"name": "primer-google-pay",
|
|
1433
|
+
"description": "Google Pay component with shadow root rendering for full-width button support.\n\nGoogle Pay requires special rendering logic:\n- Renders directly to shadow root (not button container)\n- Does NOT render .native-button-container div\n- Passes shadowRoot: true in render options\n- Requires retry logic for async button rendering\n---\n",
|
|
1434
|
+
"doc-url": "",
|
|
1435
|
+
"attributes": [
|
|
1436
|
+
{
|
|
1437
|
+
"name": "paymentMethod",
|
|
1438
|
+
"value": { "type": "InitializedPaymentMethod | undefined" }
|
|
1439
|
+
},
|
|
1440
|
+
{
|
|
1441
|
+
"name": "paymentManagers",
|
|
1442
|
+
"value": {
|
|
1443
|
+
"type": "InitializedManagersMap",
|
|
1444
|
+
"default": "new Map()"
|
|
1445
|
+
}
|
|
1446
|
+
},
|
|
1447
|
+
{
|
|
1448
|
+
"name": "disabled",
|
|
1449
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1450
|
+
}
|
|
1451
|
+
],
|
|
1452
|
+
"events": [],
|
|
1453
|
+
"js": {
|
|
1454
|
+
"properties": [
|
|
1455
|
+
{
|
|
1456
|
+
"name": "paymentMethod",
|
|
1457
|
+
"type": "InitializedPaymentMethod | undefined"
|
|
1458
|
+
},
|
|
1459
|
+
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
1460
|
+
{ "name": "disabled", "type": "boolean" }
|
|
1461
|
+
],
|
|
1462
|
+
"events": []
|
|
1463
|
+
}
|
|
1464
|
+
},
|
|
1465
|
+
{
|
|
1466
|
+
"name": "primer-paypal",
|
|
1467
|
+
"description": "PayPal component with standard button container rendering.\n\nPayPal uses the standard button container approach:\n- Renders to a button container div (not shadow root)\n- Passes buttonHeight in render options with PayPal SDK constraints (25-55px)\n- Uses updateOverlayForContainer for disabled state\n- Warns if height exceeds maximum allowed by PayPal SDK\n---\n",
|
|
1468
|
+
"doc-url": "",
|
|
1469
|
+
"attributes": [
|
|
1470
|
+
{
|
|
1471
|
+
"name": "paymentMethod",
|
|
1472
|
+
"value": { "type": "InitializedPaymentMethod | undefined" }
|
|
1473
|
+
},
|
|
1474
|
+
{
|
|
1475
|
+
"name": "paymentManagers",
|
|
1476
|
+
"value": {
|
|
1477
|
+
"type": "InitializedManagersMap",
|
|
1478
|
+
"default": "new Map()"
|
|
1479
|
+
}
|
|
1480
|
+
},
|
|
1481
|
+
{
|
|
1482
|
+
"name": "disabled",
|
|
1483
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1484
|
+
}
|
|
1485
|
+
],
|
|
1486
|
+
"events": [],
|
|
1487
|
+
"js": {
|
|
1488
|
+
"properties": [
|
|
1489
|
+
{
|
|
1490
|
+
"name": "paymentMethod",
|
|
1491
|
+
"type": "InitializedPaymentMethod | undefined"
|
|
1492
|
+
},
|
|
1493
|
+
{ "name": "paymentManagers", "type": "InitializedManagersMap" },
|
|
1494
|
+
{ "name": "disabled", "type": "boolean" }
|
|
1495
|
+
],
|
|
1496
|
+
"events": []
|
|
1497
|
+
}
|
|
1498
|
+
},
|
|
1442
1499
|
{
|
|
1443
1500
|
"name": "primer-payment-method-content",
|
|
1444
1501
|
"description": "PaymentMethodContentComponent - renders payment method information with icon and details\nThis component encapsulates the display logic and styles for payment method content\nso it can be reused across different containers without style conflicts\n---\n",
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@primer-io/primer-js",
|
|
3
3
|
"description": "Primer Composable Checkout is a web component-based SDK for building secure, customizable, and PCI-compliant checkout experiences. Designed with a modular architecture, it integrates seamlessly with any JavaScript framework and supports multiple payment methods.",
|
|
4
4
|
"license": "BSD-3-Clause",
|
|
5
|
-
"version": "0.3.
|
|
5
|
+
"version": "0.3.12",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/primer-loader.js",
|
|
8
8
|
"types": "./dist/primer-loader.d.ts",
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
"src/primer-checkout.ts",
|
|
12
12
|
"**/*.styles.ts",
|
|
13
13
|
"src/atoms/**/*.component.ts",
|
|
14
|
-
"src/containers/**/*.component.ts"
|
|
14
|
+
"src/containers/**/*.component.ts",
|
|
15
|
+
"src/containers/native-payment/components/**/*.ts"
|
|
15
16
|
],
|
|
16
17
|
"publishConfig": {
|
|
17
18
|
"access": "public"
|