@xpayeg/react 2.2.0 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @xpayeg/react
 
+## 2.4.0
+### Minor Changes
+
+
+
+- [#474](https://github.com/xpayeg/xpay/pull/474) [`c45243c`](https://github.com/xpayeg/xpay/commit/c45243c970b71944482352baea8e8047ba746d8b) Thanks [@Elmosh](https://github.com/Elmosh)! - The Payment Element's `layout` option now works: `elements.create("payment", { layout })`, or the `options` prop on `<PaymentElement />`. `"accordion"` (default) is the vertical list; `"tabs"` is a wrapping tile grid with the selected method's form below it. With exactly one payment method the chooser chrome collapses: the accordion shows a static logo-and-name header above the content (card keeps its bare form), and tabs render the content alone with no logo or title, for pages whose own UI already shows the method's identity, such as a per-gateway row paired with `paymentMethodTypes: ["<type>"]`. Layout is updatable after creation via `element.update({ layout })`, and every method's form stays mounted across switches so typed card details survive.
+
+## 2.3.0
+### Minor Changes
+
+
+
+- [#471](https://github.com/xpayeg/xpay/pull/471) [`e76a6c3`](https://github.com/xpayeg/xpay/commit/e76a6c3e5f73f4dcf1f108b6be0e1a63dce5d1b9) Thanks [@Elmosh](https://github.com/Elmosh)! - Deferred Elements accept `paymentMethodTypes` (e.g. `["card"]`) to restrict which payment methods the element renders. Narrow-only: the list is intersected with the methods enabled for your account, so a type you have not enabled is never rendered, and an empty intersection fails with `loaderror` instead of rendering an empty frame. Fixed for the element's lifetime; pass the same values when your server creates the session so display and acceptance match. One method per element is the pattern for per-method rows in your own selector.
+
 ## 2.2.0
 ### Minor Changes
 

package/dist/index.cjs

@@ -84,9 +84,11 @@ function XPayProvider({ xpay: xpayProp, options, children }) {
 		const prev = lastDeferredRef.current;
 		lastDeferredRef.current = {
 			amount: options.amount,
-			currency: options.currency
+			currency: options.currency,
+			paymentMethodTypes: options.paymentMethodTypes
 		};
 		if (!prev) return;
+		if (JSON.stringify(prev.paymentMethodTypes ?? null) !== JSON.stringify(options.paymentMethodTypes ?? null)) console.warn("Unsupported prop change: options.paymentMethodTypes is fixed for the element's lifetime. Remount <XPayProvider> (e.g. with a React key) to change it.");
 		const updates = {};
 		if (options.amount !== prev.amount) updates.amount = options.amount;
 		if (options.currency !== prev.currency) updates.currency = options.currency;

package/dist/index.mjs

@@ -83,9 +83,11 @@ function XPayProvider({ xpay: xpayProp, options, children }) {
 		const prev = lastDeferredRef.current;
 		lastDeferredRef.current = {
 			amount: options.amount,
-			currency: options.currency
+			currency: options.currency,
+			paymentMethodTypes: options.paymentMethodTypes
 		};
 		if (!prev) return;
+		if (JSON.stringify(prev.paymentMethodTypes ?? null) !== JSON.stringify(options.paymentMethodTypes ?? null)) console.warn("Unsupported prop change: options.paymentMethodTypes is fixed for the element's lifetime. Remount <XPayProvider> (e.g. with a React key) to change it.");
 		const updates = {};
 		if (options.amount !== prev.amount) updates.amount = options.amount;
 		if (options.currency !== prev.currency) updates.currency = options.currency;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpayeg/react",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "XPay React components — PaymentElement, CheckoutButton, and hooks",
   "license": "MIT",
   "type": "module",
@@ -50,7 +50,7 @@
     "tsdown": "^0.22.0",
     "typescript": "5.9.3",
     "@xpay/tsconfig": "0.0.0",
-    "@xpayeg/sdk": "2.2.0"
+    "@xpayeg/sdk": "2.4.0"
   },
   "repository": {
     "type": "git",