@propeller-commerce/propeller-v2-react-ui 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -8,6 +8,30 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.7.1] - 2026-07-28
+
+### Fixed
+
+- **`cartUpdateAddress` rejected a blank email** — optional address fields were
+  sent as empty strings when left blank, and the API validates optional fields
+  whenever they are present, so a blank email failed with
+  `email must be an email` (400). This blocked the address step for a delivery
+  address, where the email legitimately lives on the contact / customer record
+  rather than the address. Optional fields are now omitted when blank, matching
+  how `useAddress` already built its payloads. Affects every optional field
+  (`email`, `phone`, `mobile`, `company`, `notes`, …), not just email.
+- **`<AddressCard>` required an email on every address** — the edit and create
+  forms hardcoded `required` plus a `*` on the email input, contradicting the
+  field being optional on the address itself. Email is now optional in both
+  forms.
+- **`<AddressCard>` accepted undeliverable emails** — `type="email"` alone
+  permits dotless domains such as `aa@gg` (valid per the HTML5 spec for
+  intranet hosts, but rejected by the API). Both email inputs now carry a
+  pattern requiring a dotted top-level domain, so invalid input is caught in
+  the form instead of surfacing as a failed mutation. Subdomains
+  (`user@sub.co.uk`) and tagged addresses (`user+tag@example.com`) remain
+  valid.
+
 ## [0.7.0] - 2026-07-27
 
 ### Added

package/dist/index.cjs

@@ -888,6 +888,25 @@ function useCart(options) {
   }, [graphqlClient, language, configuration, user]);
   return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
 }
+function buildAddressInput(type, addr) {
+  return {
+    type,
+    firstName: addr.firstName || "",
+    lastName: addr.lastName || "",
+    street: addr.street || "",
+    postalCode: addr.postalCode || "",
+    city: addr.city || "",
+    ...addr.company && { company: addr.company },
+    ...addr.gender && { gender: addr.gender },
+    ...addr.middleName && { middleName: addr.middleName },
+    ...addr.number && { number: addr.number },
+    ...addr.numberExtension && { numberExtension: addr.numberExtension },
+    ...addr.country && { country: addr.country },
+    ...addr.email && { email: addr.email },
+    ...addr.mobile && { mobile: addr.mobile },
+    ...addr.phone && { phone: addr.phone }
+  };
+}
 function useCheckout(options) {
   const { graphqlClient, user, companyId } = options;
   const language = options.language ?? "NL";
@@ -928,26 +947,9 @@ function useCheckout(options) {
       if (!hasInvoice) {
         const defaultInvoice = getUserDefaultAddress("invoice");
         if (defaultInvoice) {
-          const input = {
-            type: propellerSdkV2.CartAddressType.INVOICE,
-            firstName: defaultInvoice.firstName || "",
-            lastName: defaultInvoice.lastName || "",
-            street: defaultInvoice.street || "",
-            postalCode: defaultInvoice.postalCode || "",
-            city: defaultInvoice.city || "",
-            company: defaultInvoice.company,
-            gender: defaultInvoice.gender,
-            middleName: defaultInvoice.middleName,
-            number: defaultInvoice.number,
-            numberExtension: defaultInvoice.numberExtension,
-            country: defaultInvoice.country,
-            email: defaultInvoice.email,
-            mobile: defaultInvoice.mobile,
-            phone: defaultInvoice.phone
-          };
           updatedCart = await cartService.updateCartAddress({
             id: updatedCart.cartId,
-            input,
+            input: buildAddressInput(propellerSdkV2.CartAddressType.INVOICE, defaultInvoice),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -957,26 +959,9 @@ function useCheckout(options) {
       if (!hasDelivery) {
         const defaultDelivery = getUserDefaultAddress("delivery");
         if (defaultDelivery) {
-          const input = {
-            type: propellerSdkV2.CartAddressType.DELIVERY,
-            firstName: defaultDelivery.firstName || "",
-            lastName: defaultDelivery.lastName || "",
-            street: defaultDelivery.street || "",
-            postalCode: defaultDelivery.postalCode || "",
-            city: defaultDelivery.city || "",
-            company: defaultDelivery.company,
-            gender: defaultDelivery.gender,
-            middleName: defaultDelivery.middleName,
-            number: defaultDelivery.number,
-            numberExtension: defaultDelivery.numberExtension,
-            country: defaultDelivery.country,
-            email: defaultDelivery.email,
-            mobile: defaultDelivery.mobile,
-            phone: defaultDelivery.phone
-          };
           updatedCart = await cartService.updateCartAddress({
             id: updatedCart.cartId,
-            input,
+            input: buildAddressInput(propellerSdkV2.CartAddressType.DELIVERY, defaultDelivery),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -5065,6 +5050,7 @@ function AddToFavorite(rawProps) {
   ] }) }) : null });
 }
 var AddToFavorite_default = AddToFavorite;
+var EMAIL_PATTERN = "[^@\\s]+@[^@\\s.]+(?:\\.[^@\\s.]+)*\\.[A-Za-z]{2,}";
 var AddressCardContext = React6__namespace.createContext(null);
 function useAddressCardContext() {
   const ctx = React6__namespace.useContext(AddressCardContext);
@@ -5510,10 +5496,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              propellerV2CoreUi.getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium mb-1", children: propellerV2CoreUi.getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
@@ -5523,7 +5506,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),
@@ -5803,10 +5786,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              propellerV2CoreUi.getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium mb-1", children: propellerV2CoreUi.getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
@@ -5816,7 +5796,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),