@primer-io/primer-js 1.5.0 → 1.6.0

package/dist/vscode.html-custom-data.json

@@ -382,6 +382,19 @@
       "attributes": [{ "name": "disabled", "values": [] }],
       "references": []
     },
+    {
+      "name": "primer-native-payment",
+      "description": "\n---\n",
+      "attributes": [
+        { "name": "type", "values": [{ "name": "PaymentMethodType" }] },
+        {
+          "name": "paymentMethod",
+          "values": [{ "name": "NativePaymentMethod" }]
+        },
+        { "name": "disabled", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "primer-payment-method",
       "description": "\n---\n",
@@ -402,6 +415,11 @@
           "name": "suppress-blur-collapse",
           "description": "When true, suppresses auto-collapse on window blur.\nUsed when payment flows open external popups (e.g. Klarna).",
           "values": []
+        },
+        {
+          "name": "loading",
+          "description": "When true, the accordion ignores every collapse trigger (button toggle,\noutside click, window blur).",
+          "values": []
         }
       ],
       "references": []
@@ -463,6 +481,18 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "primer-qrcode",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "paymentMethod",
+          "values": [{ "name": "QRCodePaymentMethod" }]
+        },
+        { "name": "disabled", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "primer-redirect-payment",
       "description": "\n---\n",
@@ -622,42 +652,6 @@
       ],
       "references": []
     },
-    {
-      "name": "primer-apple-pay",
-      "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",
-      "attributes": [
-        {
-          "name": "paymentMethod",
-          "values": [{ "name": "NativePaymentMethod" }]
-        },
-        { "name": "disabled", "values": [] }
-      ],
-      "references": []
-    },
-    {
-      "name": "primer-google-pay",
-      "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",
-      "attributes": [
-        {
-          "name": "paymentMethod",
-          "values": [{ "name": "NativePaymentMethod" }]
-        },
-        { "name": "disabled", "values": [] }
-      ],
-      "references": []
-    },
-    {
-      "name": "primer-paypal",
-      "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 (sdk-core constrains to 25-55px)\n- Uses updateOverlayForContainer for disabled state\n- Height is calculated from CSS (PAYMENT_METHOD_LINE_HEIGHT + padding)\n---\n",
-      "attributes": [
-        {
-          "name": "paymentMethod",
-          "values": [{ "name": "NativePaymentMethod" }]
-        },
-        { "name": "disabled", "values": [] }
-      ],
-      "references": []
-    },
     {
       "name": "primer-payment-method-content",
       "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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@primer-io/primer-js",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1022,6 +1022,41 @@
             "events": []
           }
         },
+        {
+          "name": "primer-native-payment",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "type",
+              "value": {
+                "type": "PaymentMethodType | undefined",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "paymentMethod",
+              "value": { "type": "NativePaymentMethod | undefined" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "type", "type": "PaymentMethodType | undefined" },
+              {
+                "name": "paymentMethod",
+                "type": "NativePaymentMethod | undefined"
+              },
+              { "name": "primerContext", "type": "ContextType | undefined" },
+              { "name": "disabled", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "primer-payment-method",
           "description": "\n---\n",
@@ -1070,6 +1105,11 @@
               "name": "suppress-blur-collapse",
               "description": "When true, suppresses auto-collapse on window blur.\nUsed when payment flows open external popups (e.g. Klarna).",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "loading",
+              "description": "When true, the accordion ignores every collapse trigger (button toggle,\noutside click, window blur).",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [{ "name": "expanded-change", "type": "CustomEvent" }],
@@ -1082,6 +1122,11 @@
                 "name": "suppressBlurCollapse",
                 "description": "When true, suppresses auto-collapse on window blur.\nUsed when payment flows open external popups (e.g. Klarna).",
                 "type": "boolean"
+              },
+              {
+                "name": "loading",
+                "description": "When true, the accordion ignores every collapse trigger (button toggle,\noutside click, window blur).",
+                "type": "boolean"
               }
             ],
             "events": [{ "name": "expanded-change", "type": "CustomEvent" }]
@@ -1214,6 +1259,33 @@
             "events": []
           }
         },
+        {
+          "name": "primer-qrcode",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "paymentMethod",
+              "value": { "type": "QRCodePaymentMethod | undefined" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "paymentMethod",
+                "type": "QRCodePaymentMethod | undefined"
+              },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "primerContext", "type": "ContextType | undefined" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "primer-redirect-payment",
           "description": "\n---\n",
@@ -1576,87 +1648,6 @@
             "events": []
           }
         },
-        {
-          "name": "primer-apple-pay",
-          "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",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "paymentMethod",
-              "value": { "type": "NativePaymentMethod | undefined" }
-            },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "paymentMethod",
-                "type": "NativePaymentMethod | undefined"
-              },
-              { "name": "primerContext", "type": "ContextType | undefined" },
-              { "name": "disabled", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "primer-google-pay",
-          "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",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "paymentMethod",
-              "value": { "type": "NativePaymentMethod | undefined" }
-            },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "paymentMethod",
-                "type": "NativePaymentMethod | undefined"
-              },
-              { "name": "primerContext", "type": "ContextType | undefined" },
-              { "name": "disabled", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "primer-paypal",
-          "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 (sdk-core constrains to 25-55px)\n- Uses updateOverlayForContainer for disabled state\n- Height is calculated from CSS (PAYMENT_METHOD_LINE_HEIGHT + padding)\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "paymentMethod",
-              "value": { "type": "NativePaymentMethod | undefined" }
-            },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "paymentMethod",
-                "type": "NativePaymentMethod | undefined"
-              },
-              { "name": "primerContext", "type": "ContextType | undefined" },
-              { "name": "disabled", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "primer-payment-method-content",
           "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

@@ -2,7 +2,7 @@
   "name": "@primer-io/primer-js",
   "description": "Primer 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.",
   "license": "BSD-3-Clause",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "type": "module",
   "main": "./dist/primer-loader.js",
   "types": "./dist/primer-loader.d.ts",