@primer-io/primer-js 0.1.4 → 0.1.6

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": []
         }
@@ -24,6 +24,7 @@
         {
           "name": "variant",
           "values": [
+            { "name": "" },
             { "name": "primary" },
             { "name": "secondary" },
             { "name": "tertiary" }
@@ -36,8 +37,9 @@
           "values": []
         },
         {
-          "name": "buttonType",
+          "name": "type",
           "values": [
+            { "name": "" },
             { "name": "button" },
             { "name": "submit" },
             { "name": "reset" }
@@ -258,6 +260,7 @@
       "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",
       "attributes": [
+        { "name": "hide-labels", "values": [] },
         {
           "name": "paymentManagers",
           "description": "Payment managers injected from context",
@@ -380,7 +383,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": []
     },
     {
@@ -598,7 +607,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.4",
+  "version": "0.1.6",
   "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" }
             }
@@ -75,7 +75,7 @@
             {
               "name": "variant",
               "value": {
-                "type": "'primary' | 'secondary' | 'tertiary'",
+                "type": "| 'primary'\n    | 'secondary'\n    | 'tertiary'",
                 "default": "'primary'"
               }
             },
@@ -89,9 +89,9 @@
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "buttonType",
+              "name": "type",
               "value": {
-                "type": "'button' | 'submit' | 'reset'",
+                "type": "| 'button'\n    | 'submit'\n    | 'reset'",
                 "default": "'button'"
               }
             },
@@ -114,7 +114,7 @@
             "properties": [
               {
                 "name": "variant",
-                "type": "'primary' | 'secondary' | 'tertiary'"
+                "type": "| 'primary'\n    | 'secondary'\n    | 'tertiary'"
               },
               { "name": "disabled", "type": "boolean" },
               {
@@ -122,7 +122,10 @@
                 "description": "Loading state of the button\nWhen true, the button will display a spinner and be disabled",
                 "type": "boolean"
               },
-              { "name": "buttonType", "type": "'button' | 'submit' | 'reset'" },
+              {
+                "name": "buttonType",
+                "type": "| 'button'\n    | 'submit'\n    | 'reset'"
+              },
               {
                 "name": "selectionState",
                 "description": "Selection state of the button\n- default: Not checked\n- checked: Button is checked",
@@ -649,6 +652,10 @@
           "description": "CardFormComponent serves as a container for card input components.\nIt handles form submission, validation, and provides context to child components.\n---\n",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "hide-labels",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "paymentManagers",
               "description": "Payment managers injected from context",
@@ -661,6 +668,7 @@
           "events": [],
           "js": {
             "properties": [
+              { "name": "hideLabels", "type": "boolean" },
               {
                 "name": "paymentManagers",
                 "description": "Payment managers injected from context",
@@ -910,23 +918,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": []
@@ -1432,7 +1446,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,13 +2,35 @@
   "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.4",
+  "version": "0.1.6",
   "type": "module",
   "main": "./dist/primer-loader.js",
   "types": "./dist/primer-loader.d.ts",
   "publishConfig": {
     "access": "public"
   },
+  "exports": {
+    ".": {
+      "types": "./dist/primer-loader.d.ts",
+      "default": "./dist/primer-loader.js"
+    },
+    "./react": {
+      "types": "./dist/primer-react-wrappers.d.ts",
+      "default": "./dist/primer-react-wrappers.js"
+    },
+    "./dist/jsx/index": {
+      "types": "./dist/jsx/index.d.ts",
+      "default": "./dist/jsx/index.d.ts"
+    },
+    "./src/types/sdk": {
+      "types": "./src/types/sdk.ts",
+      "default": "./src/types/sdk.ts"
+    },
+    "./src/*": "./src/*"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  },
   "customElements": "dist/custom-elements.json",
   "web-types": "./dist/web-types.json"
 }