@wearejh/m2-pwa-checkout 0.45.0 → 0.50.0

package/CHANGELOG.md

@@ -3,6 +3,57 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.50.0](https://github.com/WeareJH/mage-mono/compare/v0.49.0...v0.50.0) (2026-01-14)
+
+**Note:** Version bump only for package @wearejh/m2-pwa-checkout
+
+
+
+
+
+# [0.49.0](https://github.com/WeareJH/mage-mono/compare/v0.48.0...v0.49.0) (2026-01-14)
+
+
+### Bug Fixes
+
+* **m2-pwa-adyen:** update Card & 3DSecure payment components (WOOD-3014) ([0c05135](https://github.com/WeareJH/mage-mono/commit/0c05135bcd64af7c9314a76990ca0e518698244d))
+
+
+
+
+
+# [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-checkout
+
+
+
+
+
+# [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-checkout
+
+
+
+
+
+# [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-checkout
+
+
+
+
+
+## [0.45.1](https://github.com/WeareJH/mage-mono/compare/v0.45.0...v0.45.1) (2026-01-13)
+
+**Note:** Version bump only for package @wearejh/m2-pwa-checkout
+
+
+
+
+
 # [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-checkout

package/lib/components/Modal/Modal.tsx

@@ -5,22 +5,33 @@ import classnames from 'classnames';
 // import '@reach/dialog/styles.css';
 import classes from './Modal.scss';
 
-type ModalProps = {
+export type ModalProps = {
+    /**
+     * Always render the modal HTML even when closed.
+     * This is useful when the content requires mounting
+     * before it's visible to the user.
+     */
+    alwaysRender?: boolean;
+    className?: string;
+    id?: string;
     isOpen?: boolean;
     onDismiss();
     variant?: 'wide';
 };
 
 export const Modal: React.FC<ModalProps> = (props) => {
-    if (!props.isOpen) return null;
+    if (!props.isOpen && props.alwaysRender !== true) {
+        return null;
+    }
 
     return (
-        <Dialog aria-label="Modal">
+        <Dialog id={props.id} aria-label="Modal" isOpen={props.alwaysRender ? props.isOpen : undefined}>
             <DialogOverlay allowPinchZoom={true} onDismiss={props.onDismiss} className={classes.modalOverlay}>
                 <DialogContent
                     className={classnames({
                         [classes.modalContent]: true,
                         [classes.modalContentWide]: props.variant === 'wide',
+                        [props.className || '']: !!props.className,
                     })}
                     aria-label="Modal Content"
                 >

package/lib/components/Modal/SimpleModal.tsx

@@ -3,18 +3,24 @@ import React from 'react';
 import { ModalHeader } from './ModalHeader';
 import { ModalBody } from './ModalBody';
 import { ModalFooter } from './ModalFooter';
-import { Modal } from './Modal';
+import { Modal, ModalProps } from './Modal';
 
-type SimpleModalProps = {
-    dismiss();
-    title: string;
+type SimpleModalProps = Pick<ModalProps, 'className' | 'id' | 'isOpen' | 'alwaysRender'> & {
     cancelText?: string;
+    dismiss();
     hideModalFooter?: boolean;
+    title: string;
 };
 
 export const SimpleModal: React.FunctionComponent<SimpleModalProps> = (props) => {
     return (
-        <Modal isOpen={true} onDismiss={props.dismiss}>
+        <Modal
+            alwaysRender={props.alwaysRender}
+            className={props.className}
+            id={props.id}
+            isOpen={props.isOpen ?? true}
+            onDismiss={props.dismiss}
+        >
             <ModalHeader title={props.title} />
             <ModalBody>{props.children}</ModalBody>
             {!props.hideModalFooter && <ModalFooter onCancel={props.dismiss} cancelText={props.cancelText} />}

package/lib/epics/paymentSubmit.epic.ts

@@ -94,6 +94,7 @@ export function getAjaxMethod(
      */
     const ajaxPayload = {
         billingAddress,
+        cartId: String(cartId),
         paymentMethod: {
             ...(pendingPayment.paymentMethod || {}),
             method: payload.method,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wearejh/m2-pwa-checkout",
-    "version": "0.45.0",
+    "version": "0.50.0",
     "description": "> TODO: description",
     "author": "Shane Osbourne <shane.osbourne8@gmail.com>",
     "homepage": "",
@@ -18,15 +18,15 @@
     ],
     "scripts": {},
     "dependencies": {
-        "@wearejh/m2-pwa-addresses": "^0.45.0",
-        "@wearejh/m2-pwa-cart": "^0.45.0",
-        "@wearejh/m2-pwa-engine": "^0.45.0",
-        "@wearejh/m2-pwa-user": "^0.45.0",
-        "@wearejh/rx-form": "^0.45.0",
-        "@wearejh/swagger-rxjs": "^0.45.0"
+        "@wearejh/m2-pwa-addresses": "^0.50.0",
+        "@wearejh/m2-pwa-cart": "^0.50.0",
+        "@wearejh/m2-pwa-engine": "^0.50.0",
+        "@wearejh/m2-pwa-user": "^0.50.0",
+        "@wearejh/rx-form": "^0.50.0",
+        "@wearejh/swagger-rxjs": "^0.50.0"
     },
     "devDependencies": {
         "@reach/dialog": "0.8.2"
     },
-    "gitHead": "f22c9f8583c85902860ec49590cae76752f8d227"
+    "gitHead": "d60d77034a7a62d49b970725d8e07c6d706f1f30"
 }