@primer-io/primer-js 0.15.0 → 1.0.1

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

@@ -75,15 +75,6 @@
       ],
       "references": []
     },
-    {
-      "name": "primer-dialog",
-      "description": "\n---\n\n\n### **Events:**\n - **primer:dialog-open**\n- **primer:dialog-close**\n\n### **Methods:**\n - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically",
-      "attributes": [
-        { "name": "size", "values": [{ "name": "flex" }, { "name": "large" }] },
-        { "name": "showCloseButton", "values": [] }
-      ],
-      "references": []
-    },
     {
       "name": "primer-collapsable",
       "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",
@@ -121,6 +112,15 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-dialog",
+      "description": "\n---\n\n\n### **Events:**\n - **primer:dialog-open**\n- **primer:dialog-close**\n\n### **Methods:**\n - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically",
+      "attributes": [
+        { "name": "size", "values": [{ "name": "flex" }, { "name": "large" }] },
+        { "name": "showCloseButton", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "primer-error-message",
       "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",
@@ -579,8 +579,8 @@
       "references": []
     },
     {
-      "name": "primer-input-cvv",
-      "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",
+      "name": "primer-input-card-number",
+      "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",
       "attributes": [
         {
           "name": "computedStyles",
@@ -605,8 +605,8 @@
       "references": []
     },
     {
-      "name": "primer-input-card-number",
-      "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",
+      "name": "primer-input-cvv",
+      "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",
       "attributes": [
         {
           "name": "computedStyles",
@@ -678,21 +678,6 @@
       ],
       "references": []
     },
-    {
-      "name": "primer-vault-cvv-input",
-      "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",
-      "attributes": [
-        {
-          "name": "computedStyles",
-          "values": [{ "name": "CSSStyleDeclaration" }]
-        },
-        {
-          "name": "paymentMethod",
-          "values": [{ "name": "PaymentCardVaultedMethod" }]
-        }
-      ],
-      "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",
@@ -722,23 +707,26 @@
       "references": []
     },
     {
-      "name": "primer-vault-empty-state",
-      "description": "VaultEmptyStateComponent - displays when no payment methods are available\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "primer-vault-error-message",
-      "description": "VaultErrorMessageComponent - displays error messages with improved visuals\n---\n",
+      "name": "primer-vault-cvv-input",
+      "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",
       "attributes": [
         {
-          "name": "errorMessage",
-          "description": "The error message to display",
-          "values": []
+          "name": "computedStyles",
+          "values": [{ "name": "CSSStyleDeclaration" }]
+        },
+        {
+          "name": "paymentMethod",
+          "values": [{ "name": "PaymentCardVaultedMethod" }]
         }
       ],
       "references": []
     },
+    {
+      "name": "primer-vault-empty-state",
+      "description": "VaultEmptyStateComponent - displays when no payment methods are available\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "primer-vault-manager-header",
       "description": "VaultManagerHeaderComponent - displays the header for the vault manager\n---\n",
@@ -756,6 +744,18 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-vault-error-message",
+      "description": "VaultErrorMessageComponent - displays error messages with improved visuals\n---\n",
+      "attributes": [
+        {
+          "name": "errorMessage",
+          "description": "The error message to display",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "primer-vault-payment-method-item",
       "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",

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": "0.15.0",
+  "version": "1.0.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -179,35 +179,6 @@
             "events": []
           }
         },
-        {
-          "name": "primer-dialog",
-          "description": "\n---\n\n\n### **Events:**\n - **primer:dialog-open**\n- **primer:dialog-close**\n\n### **Methods:**\n - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "value": { "type": "'flex' | 'large'", "default": "'flex'" }
-            },
-            {
-              "name": "showCloseButton",
-              "value": { "type": "boolean", "default": "true" }
-            }
-          ],
-          "events": [
-            { "name": "primer:dialog-open", "type": "CustomEvent" },
-            { "name": "primer:dialog-close", "type": "CustomEvent" }
-          ],
-          "js": {
-            "properties": [
-              { "name": "size", "type": "'flex' | 'large'" },
-              { "name": "showCloseButton", "type": "boolean" }
-            ],
-            "events": [
-              { "name": "primer:dialog-open", "type": "CustomEvent" },
-              { "name": "primer:dialog-close", "type": "CustomEvent" }
-            ]
-          }
-        },
         {
           "name": "primer-collapsable",
           "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",
@@ -286,6 +257,35 @@
             "events": [{ "name": "expanded-changed", "type": "CustomEvent" }]
           }
         },
+        {
+          "name": "primer-dialog",
+          "description": "\n---\n\n\n### **Events:**\n - **primer:dialog-open**\n- **primer:dialog-close**\n\n### **Methods:**\n - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "value": { "type": "'flex' | 'large'", "default": "'flex'" }
+            },
+            {
+              "name": "showCloseButton",
+              "value": { "type": "boolean", "default": "true" }
+            }
+          ],
+          "events": [
+            { "name": "primer:dialog-open", "type": "CustomEvent" },
+            { "name": "primer:dialog-close", "type": "CustomEvent" }
+          ],
+          "js": {
+            "properties": [
+              { "name": "size", "type": "'flex' | 'large'" },
+              { "name": "showCloseButton", "type": "boolean" }
+            ],
+            "events": [
+              { "name": "primer:dialog-open", "type": "CustomEvent" },
+              { "name": "primer:dialog-close", "type": "CustomEvent" }
+            ]
+          }
+        },
         {
           "name": "primer-error-message",
           "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",
@@ -1535,8 +1535,8 @@
           }
         },
         {
-          "name": "primer-input-cvv",
-          "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",
+          "name": "primer-input-card-number",
+          "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",
           "doc-url": "",
           "attributes": [
             {
@@ -1590,8 +1590,8 @@
           }
         },
         {
-          "name": "primer-input-card-number",
-          "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",
+          "name": "primer-input-cvv",
+          "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",
           "doc-url": "",
           "attributes": [
             {
@@ -1746,51 +1746,6 @@
             "events": []
           }
         },
-        {
-          "name": "primer-vault-cvv-input",
-          "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",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "computedStyles",
-              "value": {
-                "type": "CSSStyleDeclaration | null",
-                "default": "null"
-              }
-            },
-            {
-              "name": "paymentMethod",
-              "value": {
-                "type": "PaymentCardVaultedMethod | null",
-                "default": "null"
-              }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "vaultManagerFormContext",
-                "description": "Form context for checking form dirty state",
-                "type": "VaultManagerContextType"
-              },
-              {
-                "name": "vaultManagerCvvContext",
-                "description": "CVV-specific context for dedicated CVV handling\nSeparated to minimize re-renders on frequent CVV input changes",
-                "type": "VaultItemContextType"
-              },
-              {
-                "name": "computedStyles",
-                "type": "CSSStyleDeclaration | null"
-              },
-              {
-                "name": "paymentMethod",
-                "type": "PaymentCardVaultedMethod | null"
-              }
-            ],
-            "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",
@@ -1866,45 +1821,58 @@
           }
         },
         {
-          "name": "primer-vault-empty-state",
-          "description": "VaultEmptyStateComponent - displays when no payment methods are available\n---\n",
-          "doc-url": "",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "primer-vault-error-message",
-          "description": "VaultErrorMessageComponent - displays error messages with improved visuals\n---\n",
+          "name": "primer-vault-cvv-input",
+          "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",
           "doc-url": "",
           "attributes": [
             {
-              "name": "errorMessage",
-              "description": "The error message to display",
-              "value": { "type": "string", "default": "''" }
+              "name": "computedStyles",
+              "value": {
+                "type": "CSSStyleDeclaration | null",
+                "default": "null"
+              }
+            },
+            {
+              "name": "paymentMethod",
+              "value": {
+                "type": "PaymentCardVaultedMethod | null",
+                "default": "null"
+              }
             }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "addEventListener",
-                "description": "Strongly typed event declarations",
-                "type": "<K extends keyof VaultManagerEventMap>(\n    type: K,\n    listener: (ev: VaultManagerEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void"
+                "name": "vaultManagerFormContext",
+                "description": "Form context for checking form dirty state",
+                "type": "VaultManagerContextType"
               },
               {
-                "name": "removeEventListener",
-                "type": "<K extends keyof VaultManagerEventMap>(\n    type: K,\n    listener: (ev: VaultManagerEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void"
+                "name": "vaultManagerCvvContext",
+                "description": "CVV-specific context for dedicated CVV handling\nSeparated to minimize re-renders on frequent CVV input changes",
+                "type": "VaultItemContextType"
               },
               {
-                "name": "errorMessage",
-                "description": "The error message to display",
-                "type": "string"
+                "name": "computedStyles",
+                "type": "CSSStyleDeclaration | null"
+              },
+              {
+                "name": "paymentMethod",
+                "type": "PaymentCardVaultedMethod | null"
               }
             ],
             "events": []
           }
         },
+        {
+          "name": "primer-vault-empty-state",
+          "description": "VaultEmptyStateComponent - displays when no payment methods are available\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "primer-vault-manager-header",
           "description": "VaultManagerHeaderComponent - displays the header for the vault manager\n---\n",
@@ -1947,6 +1915,38 @@
             "events": []
           }
         },
+        {
+          "name": "primer-vault-error-message",
+          "description": "VaultErrorMessageComponent - displays error messages with improved visuals\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "errorMessage",
+              "description": "The error message to display",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "addEventListener",
+                "description": "Strongly typed event declarations",
+                "type": "<K extends keyof VaultManagerEventMap>(\n    type: K,\n    listener: (ev: VaultManagerEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void"
+              },
+              {
+                "name": "removeEventListener",
+                "type": "<K extends keyof VaultManagerEventMap>(\n    type: K,\n    listener: (ev: VaultManagerEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void"
+              },
+              {
+                "name": "errorMessage",
+                "description": "The error message to display",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "primer-vault-payment-method-item",
           "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",

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": "0.15.0",
+  "version": "1.0.1",
   "type": "module",
   "main": "./dist/primer-loader.js",
   "types": "./dist/primer-loader.d.ts",