@primer-io/primer-js 1.2.0 → 1.4.0

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

@@ -224,6 +224,37 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-pt-phone-number-input",
+      "description": "Portuguese Phone Number Input\n\nInline phone input dedicated to Portuguese (+351) numbers. Renders a PT\nflag, a fixed `+351` prefix, and a digit-only field; the user types only\nthe local digits. Emits `input` / `change` events whose detail is the full\nE.164 number (`+351` + digits) or an empty string when no digits are\nentered.\n\nThis is intentionally PT-only — MB WAY is the only consumer and only\noperates in Portugal. If we ever need other locales, fork into a\ncountry-aware component rather than generalising this one.\n---\n\n\n### **Events:**\n - **eventName**\n- **input** - CustomEvent<string> with full phone number on each keystroke\n- **change** - CustomEvent<string> with full phone number on commit",
+      "attributes": [
+        {
+          "name": "prefix",
+          "description": "Fixed PT dial code. Exposed as a property only so tests can override.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Externally-provided full phone number including the prefix. The component\ndisplays only the local portion (everything after the prefix).",
+          "values": []
+        },
+        { "name": "placeholder", "values": [] },
+        { "name": "input-id", "values": [] },
+        {
+          "name": "max-length",
+          "description": "Maximum total length of the full phone number (including prefix).",
+          "values": []
+        },
+        {
+          "name": "min-length",
+          "description": "Minimum total length of the full phone number (including prefix).",
+          "values": []
+        },
+        { "name": "disabled", "values": [] },
+        { "name": "has-errors", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "primer-select",
       "description": "A native select dropdown component\n---\n\n\n### **Events:**\n - **change** - Fired when selection changes\n- **input** - Fired when input value changes\n- **focus** - Fired when select receives focus\n- **blur** - Fired when select loses focus",
@@ -233,11 +264,6 @@
           "description": "The name attribute for the select element",
           "values": []
         },
-        {
-          "name": "id",
-          "description": "The id attribute for the select element",
-          "values": []
-        },
         {
           "name": "value",
           "description": "The current value of the select",
@@ -300,6 +326,18 @@
       ],
       "references": []
     },
+    {
+      "name": "primer-adyen-mbway",
+      "description": "Adyen MB WAY Payment Component\n\nInline phone-number entry → tokenize → poll MB WAY app → resume.\n---\n",
+      "attributes": [
+        {
+          "name": "paymentMethod",
+          "values": [{ "name": "MbwayPaymentMethod" }]
+        },
+        { "name": "disabled", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "primer-billing-address",
       "description": "BillingAddressComponent provides a form for collecting billing address information.\n\nConfiguration is exclusively server-side via SDK Core's checkoutModules. Field visibility\nis determined by the BILLING_ADDRESS module in the client session configuration.\n---\n\n\n### **Events:**\n - **primer-billing-address-change** - Fired when form data changes\n- **primer-billing-address-submit** - Fired when form is submitted\n\n### **Methods:**\n - **validateForSubmission(): _Promise<boolean>_** - Public method to validate billing address fields\nCalled by the parent form (card-form) when submitting\nReturns true if billing address is valid\nNote: Does NOT call setBillingAddress API - that happens after card validation\n- **submitToSDK(): _Promise<boolean>_** - Public method to submit billing address to SDK Core\nCalled by parent form ONLY after both card and billing address validation pass\n\nNote: headlessUtils is guaranteed to be available when this method is called,\nas the component only renders (and becomes interactive) after initialization task completes.",

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.2.0",
+  "version": "1.4.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -565,6 +565,102 @@
             "events": []
           }
         },
+        {
+          "name": "primer-pt-phone-number-input",
+          "description": "Portuguese Phone Number Input\n\nInline phone input dedicated to Portuguese (+351) numbers. Renders a PT\nflag, a fixed `+351` prefix, and a digit-only field; the user types only\nthe local digits. Emits `input` / `change` events whose detail is the full\nE.164 number (`+351` + digits) or an empty string when no digits are\nentered.\n\nThis is intentionally PT-only — MB WAY is the only consumer and only\noperates in Portugal. If we ever need other locales, fork into a\ncountry-aware component rather than generalising this one.\n---\n\n\n### **Events:**\n - **eventName**\n- **input** - CustomEvent<string> with full phone number on each keystroke\n- **change** - CustomEvent<string> with full phone number on commit",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "prefix",
+              "description": "Fixed PT dial code. Exposed as a property only so tests can override.",
+              "value": { "type": "string", "default": "'+351'" }
+            },
+            {
+              "name": "value",
+              "description": "Externally-provided full phone number including the prefix. The component\ndisplays only the local portion (everything after the prefix).",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "input-id",
+              "value": {
+                "type": "string",
+                "default": "'primer-pt-phone-number-input'"
+              }
+            },
+            {
+              "name": "max-length",
+              "description": "Maximum total length of the full phone number (including prefix).",
+              "value": { "type": "number", "default": "15" }
+            },
+            {
+              "name": "min-length",
+              "description": "Minimum total length of the full phone number (including prefix).",
+              "value": { "type": "number", "default": "9" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "has-errors",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [
+            { "name": "eventName", "type": "CustomEvent" },
+            {
+              "name": "input",
+              "description": "CustomEvent<string> with full phone number on each keystroke"
+            },
+            {
+              "name": "change",
+              "description": "CustomEvent<string> with full phone number on commit"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "prefix",
+                "description": "Fixed PT dial code. Exposed as a property only so tests can override.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "Externally-provided full phone number including the prefix. The component\ndisplays only the local portion (everything after the prefix).",
+                "type": "string"
+              },
+              { "name": "placeholder", "type": "string" },
+              { "name": "inputId", "type": "string" },
+              {
+                "name": "maxLength",
+                "description": "Maximum total length of the full phone number (including prefix).",
+                "type": "number"
+              },
+              {
+                "name": "minLength",
+                "description": "Minimum total length of the full phone number (including prefix).",
+                "type": "number"
+              },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "hasErrors", "type": "boolean" }
+            ],
+            "events": [
+              { "name": "eventName", "type": "CustomEvent" },
+              {
+                "name": "input",
+                "description": "CustomEvent<string> with full phone number on each keystroke"
+              },
+              {
+                "name": "change",
+                "description": "CustomEvent<string> with full phone number on commit"
+              }
+            ]
+          }
+        },
         {
           "name": "primer-select",
           "description": "A native select dropdown component\n---\n\n\n### **Events:**\n - **change** - Fired when selection changes\n- **input** - Fired when input value changes\n- **focus** - Fired when select receives focus\n- **blur** - Fired when select loses focus",
@@ -575,11 +671,6 @@
               "description": "The name attribute for the select element",
               "value": { "type": "string", "default": "''" }
             },
-            {
-              "name": "id",
-              "description": "The id attribute for the select element",
-              "value": { "type": "string", "default": "''" }
-            },
             {
               "name": "value",
               "description": "The current value of the select",
@@ -602,26 +693,16 @@
             }
           ],
           "events": [
-            {
-              "name": "change",
-              "type": "CustomEvent",
-              "description": "Fired when selection changes"
-            },
+            { "name": "change", "description": "Fired when selection changes" },
             {
               "name": "input",
-              "type": "CustomEvent",
               "description": "Fired when input value changes"
             },
             {
               "name": "focus",
-              "type": "CustomEvent",
               "description": "Fired when select receives focus"
             },
-            {
-              "name": "blur",
-              "type": "CustomEvent",
-              "description": "Fired when select loses focus"
-            }
+            { "name": "blur", "description": "Fired when select loses focus" }
           ],
           "js": {
             "properties": [
@@ -630,11 +711,6 @@
                 "description": "The name attribute for the select element",
                 "type": "string"
               },
-              {
-                "name": "id",
-                "description": "The id attribute for the select element",
-                "type": "string"
-              },
               {
                 "name": "value",
                 "description": "The current value of the select",
@@ -664,24 +740,17 @@
             "events": [
               {
                 "name": "change",
-                "type": "CustomEvent",
                 "description": "Fired when selection changes"
               },
               {
                 "name": "input",
-                "type": "CustomEvent",
                 "description": "Fired when input value changes"
               },
               {
                 "name": "focus",
-                "type": "CustomEvent",
                 "description": "Fired when select receives focus"
               },
-              {
-                "name": "blur",
-                "type": "CustomEvent",
-                "description": "Fired when select loses focus"
-              }
+              { "name": "blur", "description": "Fired when select loses focus" }
             ]
           }
         },
@@ -765,6 +834,32 @@
             "events": []
           }
         },
+        {
+          "name": "primer-adyen-mbway",
+          "description": "Adyen MB WAY Payment Component\n\nInline phone-number entry → tokenize → poll MB WAY app → resume.\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "paymentMethod",
+              "value": { "type": "MbwayPaymentMethod | undefined" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "paymentMethod",
+                "type": "MbwayPaymentMethod | undefined"
+              },
+              { "name": "disabled", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "primer-billing-address",
           "description": "BillingAddressComponent provides a form for collecting billing address information.\n\nConfiguration is exclusively server-side via SDK Core's checkoutModules. Field visibility\nis determined by the BILLING_ADDRESS module in the client session configuration.\n---\n\n\n### **Events:**\n - **primer-billing-address-change** - Fired when form data changes\n- **primer-billing-address-submit** - Fired when form is submitted\n\n### **Methods:**\n - **validateForSubmission(): _Promise<boolean>_** - Public method to validate billing address fields\nCalled by the parent form (card-form) when submitting\nReturns true if billing address is valid\nNote: Does NOT call setBillingAddress API - that happens after card validation\n- **submitToSDK(): _Promise<boolean>_** - Public method to submit billing address to SDK Core\nCalled by parent form ONLY after both card and billing address validation pass\n\nNote: headlessUtils is guaranteed to be available when this method is called,\nas the component only renders (and becomes interactive) after initialization task completes.",

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