@primer-io/primer-js 0.1.3 → 0.1.5

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

@@ -6,11 +6,11 @@
       "name": "primer-checkout",
       "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",
       "attributes": [
-        { "name": "custom-styles", "values": [] },
-        { "name": "client-token", "values": [] },
+        { "name": "customStyles", "values": [] },
+        { "name": "clientToken", "values": [] },
         { "name": "options", "values": [{ "name": "PrimerCheckoutOptions" }] },
         {
-          "name": "js-initialized",
+          "name": "_jsInitialized",
           "description": "Whether the component has completed initialization and loading\nThis is used to control the CSS-only loader visibility",
           "values": []
         }
@@ -105,6 +105,12 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-dialog",
+      "description": "\n---\n\n\n### **Events:**\n - **primer-dialog-close**",
+      "attributes": [],
+      "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",
@@ -209,6 +215,12 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-portal",
+      "description": "\n---\n\n\n### **Events:**\n - **eventName**",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "primer-spinner",
       "description": "Spinner component with configurable size and color\nAdapted to work both standalone and within input components\n---\n",
@@ -231,6 +243,17 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-ach-payment",
+      "description": "\n---\n\n\n### **Events:**\n - **primer-ach-error**\n- **primer-ach-bank-details-collected**\n- **primer-ach-mandate-confirmed**\n- **primer-ach-mandate-declined**",
+      "attributes": [
+        {
+          "name": "paymentMethod",
+          "values": [{ "name": "InitializedPaymentMethod" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "primer-card-form",
       "description": "CardFormComponent serves as a container for card input components.\nIt handles form submission, validation, and provides context to child components.\n---\n",
@@ -243,6 +266,17 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-dynamic-payment",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "paymentMethod",
+          "values": [{ "name": "InitializedPaymentMethod" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "primer-error-message-container",
       "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",
@@ -346,7 +380,13 @@
     {
       "name": "primer-vault-manager",
       "description": "VaultManagerComponent - displays and manages saved payment methods\n---\n",
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "animationDuration",
+          "description": "Animation duration override",
+          "values": []
+        }
+      ],
       "references": []
     },
     {
@@ -564,7 +604,7 @@
     },
     {
       "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\n---\n\n\n### **Events:**\n - **delete-payment-method**",
+      "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\n\n### **Events:**\n - **delete-payment-method**",
       "attributes": [
         {
           "name": "headlessUtils",

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.1.3",
+  "version": "0.1.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -12,11 +12,11 @@
           "doc-url": "",
           "attributes": [
             {
-              "name": "custom-styles",
+              "name": "customStyles",
               "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "client-token",
+              "name": "clientToken",
               "value": { "type": "string", "default": "''" }
             },
             {
@@ -24,7 +24,7 @@
               "value": { "type": "PrimerCheckoutOptions", "default": "{}" }
             },
             {
-              "name": "js-initialized",
+              "name": "_jsInitialized",
               "description": "Whether the component has completed initialization and loading\nThis is used to control the CSS-only loader visibility",
               "value": { "type": "boolean", "default": "false" }
             }
@@ -58,6 +58,10 @@
               {
                 "name": "cardNetworkController",
                 "type": "CardNetworkController"
+              },
+              {
+                "name": "achPaymentEventsController",
+                "type": "AchPaymentEventsController"
               }
             ],
             "events": []
@@ -229,6 +233,17 @@
             "events": [{ "name": "expanded-changed", "type": "CustomEvent" }]
           }
         },
+        {
+          "name": "primer-dialog",
+          "description": "\n---\n\n\n### **Events:**\n - **primer-dialog-close**",
+          "doc-url": "",
+          "attributes": [],
+          "events": [{ "name": "primer-dialog-close", "type": "CustomEvent" }],
+          "js": {
+            "properties": [],
+            "events": [{ "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",
@@ -528,6 +543,17 @@
             "events": [{ "name": "wrapper-click", "type": "CustomEvent" }]
           }
         },
+        {
+          "name": "primer-portal",
+          "description": "\n---\n\n\n### **Events:**\n - **eventName**",
+          "doc-url": "",
+          "attributes": [],
+          "events": [{ "name": "eventName", "type": "CustomEvent" }],
+          "js": {
+            "properties": [{ "name": "id", "type": "string" }],
+            "events": [{ "name": "eventName", "type": "CustomEvent" }]
+          }
+        },
         {
           "name": "primer-spinner",
           "description": "Spinner component with configurable size and color\nAdapted to work both standalone and within input components\n---\n",
@@ -574,6 +600,50 @@
             "events": []
           }
         },
+        {
+          "name": "primer-ach-payment",
+          "description": "\n---\n\n\n### **Events:**\n - **primer-ach-error**\n- **primer-ach-bank-details-collected**\n- **primer-ach-mandate-confirmed**\n- **primer-ach-mandate-declined**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "paymentMethod",
+              "value": { "type": "InitializedPaymentMethod | undefined" }
+            }
+          ],
+          "events": [
+            { "name": "primer-ach-error", "type": "CustomEvent" },
+            {
+              "name": "primer-ach-bank-details-collected",
+              "type": "CustomEvent"
+            },
+            { "name": "primer-ach-mandate-confirmed", "type": "CustomEvent" },
+            { "name": "primer-ach-mandate-declined", "type": "CustomEvent" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "paymentMethod",
+                "type": "InitializedPaymentMethod | undefined"
+              },
+              { "name": "paymentManagers", "type": "InitializedManagersMap" },
+              { "name": "sdkState", "type": "SdkStateContext | undefined" },
+              {
+                "name": "clientOptions",
+                "type": "ClientOptionsContext | undefined"
+              },
+              { "name": "screen", "type": "'form' | 'mandate'" }
+            ],
+            "events": [
+              { "name": "primer-ach-error", "type": "CustomEvent" },
+              {
+                "name": "primer-ach-bank-details-collected",
+                "type": "CustomEvent"
+              },
+              { "name": "primer-ach-mandate-confirmed", "type": "CustomEvent" },
+              { "name": "primer-ach-mandate-declined", "type": "CustomEvent" }
+            ]
+          }
+        },
         {
           "name": "primer-card-form",
           "description": "CardFormComponent serves as a container for card input components.\nIt handles form submission, validation, and provides context to child components.\n---\n",
@@ -600,6 +670,31 @@
             "events": []
           }
         },
+        {
+          "name": "primer-dynamic-payment",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "paymentMethod",
+              "value": { "type": "InitializedPaymentMethod | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "paymentMethod",
+                "type": "InitializedPaymentMethod | undefined"
+              },
+              { "name": "paymentManagers", "type": "InitializedManagersMap" },
+              { "name": "sdkState", "type": "SdkStateContext" },
+              { "name": "headlessUtils", "type": "HeadlessUnitilsContext" },
+              { "name": "open", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "primer-error-message-container",
           "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",
@@ -815,23 +910,29 @@
           "name": "primer-vault-manager",
           "description": "VaultManagerComponent - displays and manages saved payment methods\n---\n",
           "doc-url": "",
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "animationDuration",
+              "description": "Animation duration override",
+              "value": { "type": "number", "default": "300" }
+            }
+          ],
           "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": "vaultManagerContext", "type": "VaultManagerContext" },
               {
-                "name": "vaultManagerContext",
-                "description": "The vault manager core context from the SDK\nContains vault-related functionality and state",
-                "type": "VaultManagerContext"
+                "name": "animationDuration",
+                "description": "Animation duration override",
+                "type": "number"
               }
             ],
             "events": []
@@ -1337,7 +1438,7 @@
         },
         {
           "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\n---\n\n\n### **Events:**\n - **delete-payment-method**",
+          "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\n\n### **Events:**\n - **delete-payment-method**",
           "doc-url": "",
           "attributes": [
             {

package/package.json

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