@wearejh/m2-pwa-adyen 0.45.0 → 0.48.0

package/CHANGELOG.md

@@ -3,6 +3,48 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.48.0](https://github.com/WeareJH/mage-mono/compare/v0.47.0...v0.48.0) (2026-01-13)
+
+**Note:** Version bump only for package @wearejh/m2-pwa-adyen
+
+
+
+
+
+# [0.47.0](https://github.com/WeareJH/mage-mono/compare/v0.46.0...v0.47.0) (2026-01-13)
+
+**Note:** Version bump only for package @wearejh/m2-pwa-adyen
+
+
+
+
+
+# [0.46.0](https://github.com/WeareJH/mage-mono/compare/v0.45.1...v0.46.0) (2026-01-13)
+
+**Note:** Version bump only for package @wearejh/m2-pwa-adyen
+
+
+
+
+
+## [0.45.1](https://github.com/WeareJH/mage-mono/compare/v0.45.0...v0.45.1) (2026-01-13)
+
+
+### Bug Fixes
+
+* **m2-pwa-adyen:** Card payment input placeholder config  (WOOD-3014) ([bb6c1e8](https://github.com/WeareJH/mage-mono/commit/bb6c1e89a99fe403db256cdc94b5df520cc10ef8))
+* **m2-pwa-adyen:** hide Card payment button in favour of Woodies custom button (WOOD-3014) ([156526f](https://github.com/WeareJH/mage-mono/commit/156526ff8b3059f4a6dc4ff8d90e6122843de1cd))
+* **m2-pwa-adyen:** remove early mounting of the Adyen card component. Wait for parent component (WOOD-3014) ([7f90ed9](https://github.com/WeareJH/mage-mono/commit/7f90ed9d625a654e83149c26c35581fb114dad9b))
+
+
+### Features
+
+* **WOOD-3014:** Adyen card validation ([e7619d5](https://github.com/WeareJH/mage-mono/commit/e7619d519c6b6f925aa0f8eb45512ecc3cc96f53))
+
+
+
+
+
 # [0.45.0](https://github.com/WeareJH/mage-mono/compare/v0.44.0...v0.45.0) (2026-01-08)
 
 **Note:** Version bump only for package @wearejh/m2-pwa-adyen

package/lib/AdyenProvider.tsx

@@ -44,6 +44,7 @@ interface AdyenContext
     children?: any;
     paymentFormSubmit(): void;
     paymentFormSubmitted: boolean;
+    resetPaymentFormSubmitted(): void;
 
     /**
      * A promise that resolves/rejects depending on
@@ -60,6 +61,7 @@ const initialState: AdyenContext = {
     checkoutConfig: initialStoreState.checkoutConfig,
     paymentFormSubmit: () => {},
     paymentFormSubmitted: false,
+    resetPaymentFormSubmitted: () => {},
     selectedPaymentMethod: initialStoreState.selectedPaymentMethod,
     step: initialStoreState.step,
     supportedPaymentMethods: initialStoreState.supportedPaymentMethods,
@@ -213,6 +215,17 @@ export function AdyenProvider(props: AdyenProviderProps) {
         paymentFormSubmitProp();
     }, [paymentFormSubmitProp]);
 
+    /**
+     * Reset the payment form submitted state.
+     * Called by Card component after triggering adyenCard.submit()
+     * to allow subsequent submit button clicks to work.
+     */
+    const resetPaymentFormSubmitted = useCallback(() => {
+        if (setHasFormSubmitted) {
+            setHasFormSubmitted(false);
+        }
+    }, [setHasFormSubmitted]);
+
     const attemptPayment = useCallback(
         (props: AttemptPaymentProps) => {
             const newState = {
@@ -287,6 +300,7 @@ export function AdyenProvider(props: AdyenProviderProps) {
             orderId,
             paymentFormSubmit,
             paymentFormSubmitted,
+            resetPaymentFormSubmitted,
             selectedPaymentMethod,
             step,
             supportedPaymentMethods: availiablePaymentMethods,
@@ -303,6 +317,7 @@ export function AdyenProvider(props: AdyenProviderProps) {
             orderId,
             paymentFormSubmit,
             paymentFormSubmitted,
+            resetPaymentFormSubmitted,
             selectedPaymentMethod,
             step,
             waitForPaymentFormSubmit,

package/lib/paymentMethods/Card/Card.tsx

@@ -22,7 +22,7 @@ import { ThreeDS2Fingerprint } from '../3DS/ThreeDS2Fingerprint';
  * @link Adyen Card Component Documentation - https://docs.adyen.com/payment-methods/cards/web-component#show-the-available-cards-in-your-payment-form
  */
 export function Card() {
-    const { adyenCheckout, attemptPayment, paymentFormSubmitted, step } = useAdyen();
+    const { adyenCheckout, attemptPayment, paymentFormSubmitted, resetPaymentFormSubmitted, step } = useAdyen();
 
     const dispatch = useDispatch();
 
@@ -76,6 +76,12 @@ export function Card() {
         () => ({
             onError,
             onSubmit,
+            showPayButton: false,
+            placeholders: {
+                cardNumber: '1234 5678 9012 3456',
+                expiryDate: 'MM/YY',
+                securityCodeThreeDigits: '3 digits',
+            },
         }),
         [onError, onSubmit],
     );
@@ -88,7 +94,7 @@ export function Card() {
     const adyenCard = useMemo<CardElement>(() => {
         const { Card } = (window as any).AdyenWeb;
 
-        return new Card(adyenCheckout, adyenCardConfig).mount('#card') as CardElement;
+        return new Card(adyenCheckout, adyenCardConfig) as CardElement;
     }, [adyenCheckout, adyenCardConfig]);
 
     /**
@@ -108,8 +114,9 @@ export function Card() {
     useEffect(() => {
         if (adyenCard && paymentFormSubmitted) {
             adyenCard.submit();
+            resetPaymentFormSubmitted();
         }
-    }, [adyenCard, paymentFormSubmitted]);
+    }, [adyenCard, paymentFormSubmitted, resetPaymentFormSubmitted]);
 
     return (
         <>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wearejh/m2-pwa-adyen",
-    "version": "0.45.0",
+    "version": "0.48.0",
     "description": "> TODO: description",
     "author": "Shane Osbourne <shane.osbourne8@gmail.com>",
     "homepage": "",
@@ -22,13 +22,13 @@
     },
     "dependencies": {
         "@adyen/adyen-web": "6.27.1",
-        "@wearejh/m2-pwa-cart": "^0.45.0",
-        "@wearejh/m2-pwa-checkout": "^0.45.0",
-        "@wearejh/m2-pwa-engine": "^0.45.0",
-        "@wearejh/react-hooks": "^0.45.0",
-        "@wearejh/rx-form": "^0.45.0",
-        "@wearejh/swagger-rxjs": "^0.45.0",
+        "@wearejh/m2-pwa-cart": "^0.48.0",
+        "@wearejh/m2-pwa-checkout": "^0.48.0",
+        "@wearejh/m2-pwa-engine": "^0.48.0",
+        "@wearejh/react-hooks": "^0.48.0",
+        "@wearejh/rx-form": "^0.48.0",
+        "@wearejh/swagger-rxjs": "^0.48.0",
         "load-js": "^3.0.3"
     },
-    "gitHead": "f22c9f8583c85902860ec49590cae76752f8d227"
+    "gitHead": "f2de7635bc02cdeae6bf5babbc634c528ab09986"
 }